Kendo grid 角度网格细节的剑道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展开/折叠按钮是否可以移动到网格的右侧


剑道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);
        }
    }