Interface IDQueryTable

version

9.7.0

since

9.7.0

• 示例 给标题栏加CSS,改变标题栏颜色

  portlet.appendCss('.portlet-title-text-default', {
  'color': '#fff',
  'background': 'rgb(0,0,255)',
  'font-size': '16px'
  })

• 示例图1

示例代码2 给静态文本组件内容加CSS,改变文本样式(注意只在静态文本组件中生效)

portlet.appendCss('.text-object__processedContent', {
   'color': '#f00',
   'background': 'rgb(0,255,0)',
})

• 示例图2

version

11

since

11

version

11

since

11

version

9.7.0

since

9.7.0

version

10.5.12

since

10.5.12

• 示例

const row: ITableDataRow = portlet.getRow(0);

version

10.5.12

since

10.5.12

• 示例

const rows: ITableRow[] = table.getRows();

version

9.7.0

since

9.7.0

version

9.7.0

since

9.7.0

version

10.5.12

since

10.5.12

• 示例

table.setRenderColHeaderHandler((colHeader, rowIndex, columnIndex) => {
  colHeader.addEventListener(TableColHeaderEvent.HOVER, () => {
    table.setCursor(Cursor.POINTER);
  });
  colHeader.addEventListener(TableColHeaderEvent.HOVER_OFF, () => {
    table.setCursor(Cursor.DEFAULT);
  });
});

• 示例图

可以改变单元格的结构，当需要改变单元格结构（如添加图标、自定义格式化等）的时候可以使用该方法。

version

11

since

11

• 示例

version

10.5.12

since

10.5.12

• 示例

portlet.setRenderColHeaderHandler((colHeader, rowIndex, columnIndex) => {
    if (columnIndex === 1) {
        const backgroundStyle: ITableCellBackgroundStyle = {
            backgroundColor: 'green',
            backgroundColorOpacity: 0.5
        }
        colHeader.setBackgroundStyle(backgroundStyle)
    }
});

• 示例图