首先考慮寬度爲400px的網格,該網格有四列。所有列的寬度都是100px。列之間的Tabbing按預期工作。Angular JS - ng grid tab out issue
.gridStyle {
border: 1px solid rgb(212,212,212);
width: 400px;
height: 300px
}
現在類似的一種網格具有相同寬度400像素,再以四列。但是這次每列都有300px的寬度。現在在列之間切換不起作用。它僅在屏幕上可見的列內跳出。
$scope.columns = [
{
"field": 'Classification',
displayName: 'Classification',
width: '300 px',
cellTemplate: link
},
{
"field": 'name',
displayName: 'Name',
width: '300 px'
},
{
"field": 'age',
displayName: 'Age',
width: '300 px'
},
{
"field": 'Classification',
displayName: 'Classification',
width: '300 px',
cellTemplate: link
}
];
看到兩個Plunks進行比較的行爲。
我不知道爲什麼會發生這種情況。我在ng-grid中顯示了近20列,並且想要實現在列之間選項卡的功能。但不能。有人可以幫我解決這個問題嗎?