Kendo grid 角度网格细节的剑道UI展开/折叠按钮是否移动到右侧?
角度网格细节的剑道UI展开/折叠按钮是否可以移动到网格的右侧Kendo grid 角度网格细节的剑道UI展开/折叠按钮是否移动到右侧?,kendo-grid,kendo-ui-angular2,Kendo Grid,Kendo Ui Angular2,角度网格细节的剑道UI展开/折叠按钮是否可以移动到网格的右侧 剑道ui默认将展开/折叠设置为剑道网格最左边的列。我需要看看是否可以把它移到右边的按钮上 我们可以通过使用一些自定义CSS隐藏当前+/-图标并手动将这些图标添加到最后一列来实现它。然后,当单击最后一列中的图标时,我们需要使用网格的和函数以编程方式展开和折叠细节模板。 把这些赃物合起来看看 .k-icon.k-plus:before { content: none; } .k-icon.k-minus:before
剑道ui默认将展开/折叠设置为剑道网格最左边的列。我需要看看是否可以把它移到右边的按钮上 我们可以通过使用一些自定义CSS隐藏当前+/-图标并手动将这些图标添加到最后一列来实现它。然后,当单击最后一列中的图标时,我们需要使用网格的和函数以编程方式展开和折叠细节模板。 把这些赃物合起来看看
.k-icon.k-plus:before {
content: none;
}
.k-icon.k-minus:before {
content: none;
}
.k-icon.k-plus, .k-icon.k-minus{
pointer-events: none;
}
.k-detail-cell{
overflow: visible !important
}
.k-detail-cell section{
margin-left: -32px;
}
//import components
import {
GridComponent,
GridDataResult,
DataStateChangeEvent
} from '@progress/kendo-angular-grid';
//get the child
@ViewChild(GridComponent) grid: GridComponent;
//modify your logic here
public ngAfterViewInit(): void {
// Expand all first rows initially
for(let i = 0; i < this.pageSize; i++) {
this.grid.expandRow(i);
}
}