YH-Table/src/views/TableViewBase | kdayun 界面引擎API

Index

Classes

TableViewBase

Interfaces

Type aliases

Functions

TableViewBaseStyle

Type aliases

OnCellChangedHandle

OnCellChangedHandle: (sender: TableViewBase, row: Row, column: TableColumn, value: any) => void

单元格改变事件回调

param: 事件发起者
param: 行实例
param: 列实例
param: 改变的值

Type declaration

- (sender: TableViewBase, row: Row, column: TableColumn, value: any): void
- Parameters
  - sender: TableViewBase
  - row: Row
  - column: TableColumn
  - value: any
  Returns void

OnCellClickHandle

OnCellClickHandle: (sender: TableViewBase, row: Row, column: TableColumn, value: any, cellElem: JQuery<HTMLElement>) => void

单元格点击事件回调

param: 事件发起者
param: 行实例
param: 列实例
param: 改变的值
param: cell的td的jquery对象

Type declaration

- (sender: TableViewBase, row: Row, column: TableColumn, value: any, cellElem: JQuery<HTMLElement>): void
- Parameters
  - sender: TableViewBase
  - row: Row
  - column: TableColumn
  - value: any
  - cellElem: JQuery<HTMLElement>
  Returns void

OnCellDoubleChickHandle

OnCellDoubleChickHandle: (sender: TableViewBase, row: Row, column: TableColumn, value: any) => void

单元格双击事件回调

param: 事件发起者
param: 行实例
param: 列实例
param: 改变的值

Type declaration

- (sender: TableViewBase, row: Row, column: TableColumn, value: any): void
- Parameters
  - sender: TableViewBase
  - row: Row
  - column: TableColumn
  - value: any
  Returns void

OnCheckHandle

OnCheckHandle: (sender: TableViewBase, row: Row, check: boolean, isAll: boolean) => void

勾选行事件回调

param: 事件发起者
param: 行实例
param: 是否打钩
param: 是否全选

Type declaration

- (sender: TableViewBase, row: Row, check: boolean, isAll: boolean): void
- Parameters
  - sender: TableViewBase
  - row: Row
  - check: boolean
  - isAll: boolean
  Returns void

OnColumnClickHandle

OnColumnClickHandle: (sender: TableViewBase, col: TableColumn) => void

列表标题点击事件回调

param: 事件发起者
param: 列实例

Type declaration

- (sender: TableViewBase, col: TableColumn): void
- Parameters
  - sender: TableViewBase
  - col: TableColumn
  Returns void

OnColumnDoubleClickHandle

OnColumnDoubleClickHandle: (sender: TableViewBase, col: TableColumn) => void

列标题双击事件回调

param: 事件发起者
param: 列实例

Type declaration

- (sender: TableViewBase, col: TableColumn): void
- Parameters
  - sender: TableViewBase
  - col: TableColumn
  Returns void

OnRenderViewHandle

OnRenderViewHandle: (view: TableViewBase) => void

view渲染完成的事件回调

param: 事件发起者

Type declaration

- (view: TableViewBase): void
- Parameters
  - view: TableViewBase
  Returns void

OnRowClickHandle

OnRowClickHandle: (sender: TableViewBase, row: Row, rowElem: JQuery<HTMLElement>) => void

行点击事件回调

param: 事件发起者
param: 行实例
param: 行的Jquery对象

Type declaration

- (sender: TableViewBase, row: Row, rowElem: JQuery<HTMLElement>): void
- Parameters
  - sender: TableViewBase
  - row: Row
  - rowElem: JQuery<HTMLElement>
  Returns void

OnRowDoubleClickHandle

OnRowDoubleClickHandle: (sender: TableViewBase, row: Row) => void

行双击事件回调

param: 事件发起者
param: 行实例

Type declaration

- (sender: TableViewBase, row: Row): void
- Parameters
  - sender: TableViewBase
  - row: Row
  Returns void

OnRowSelectChangeingHandle

OnRowSelectChangeingHandle: (sender: TableViewBase, preRow: Row, curRow: Row) => void

行的选择变化回调

param: 事件发起者
param: 上一行实例
param: 当前行实例

Type declaration

- (sender: TableViewBase, preRow: Row, curRow: Row): void
- Parameters
  - sender: TableViewBase
  - preRow: Row
  - curRow: Row
  Returns void

OnToolButtonClickHandle

OnToolButtonClickHandle: (sender: TableViewBase, row: Row, button: ButtonBase) => void

工具栏按钮点击事件回调

param: 事件发起者
param: 行实例
param: 按钮实例

Type declaration

- (sender: TableViewBase, row: Row, button: ButtonBase): void
- Parameters
  - sender: TableViewBase
  - row: Row
  - button: ButtonBase
  Returns void

onCellMergeHandle

onCellMergeHandle: (sender: TableViewBase, val: any, preVal: any, row: Row, preRow: Row, fieldName: string) => boolean

单元格的融合回调事件

param: 事件发起者
param: 行实例
param: 列实例
param: 列实例
param: 列实例

Type declaration

- (sender: TableViewBase, val: any, preVal: any, row: Row, preRow: Row, fieldName: string): boolean
- Parameters
  - sender: TableViewBase
  - val: any
  - preVal: any
  - row: Row
  - preRow: Row
  - fieldName: string
  Returns boolean

onColumnResizeHandle

onColumnResizeHandle: (sender: TableViewBase, col: TableColumn) => void

列宽度大小改变回调事件

param: 事件发起者
param: 列实例

Type declaration

- (sender: TableViewBase, col: TableColumn): void
- Parameters
  - sender: TableViewBase
  - col: TableColumn
  Returns void

onRenderCellHandle

onRenderCellHandle: (sender: TableViewBase, row: Row, col: TableColumn, cellElem: JQuery<HTMLElement>) => void

渲染单元格的回调事件

param: 事件发起者
param: 行实例
param: 列实例
param: 列实例

Type declaration

- (sender: TableViewBase, row: Row, col: TableColumn, cellElem: JQuery<HTMLElement>): void
- Parameters
  - sender: TableViewBase
  - row: Row
  - col: TableColumn
  - cellElem: JQuery<HTMLElement>
  Returns void

Functions

Let TableViewBaseStyle

TableViewBaseStyle(that: any): { x_table: { & *: { font-size: string }; & table: { border-collapse: string; border-spacing: string }; & td,& th: { font-size: string; line-height: string; min-height: string; padding: string; position: string }; &[yh-table-evenrowcolor] tr:nth-child(even): { background-color: string }; border-collapse: string; border-spacing: string }; x_table_view: { & $x_table td,& $x_table th: { border-bottom: string; padding: string }; & $x_table[yh-table-size="lg"].yh-table-cell: { height: string; line-height: string }; & $x_table[yh-table-size="sm"].yh-table-cell: { height: string; line-height: string }; & .scroll-element: { display: string }; & .scroll-element .scroll-bar: { background-color: string; position: string }; & .scroll-element .scroll-bar,& .scroll-element .scroll-arrow: { cursor: string }; & .scroll-element .scroll-element-track: { background-color: string }; & .scroll-element .scroll-element-track,& .scroll-element .scroll-bar: { -moz-border-radius: string; -ms-filter: string; -webkit-border-radius: string; border-radius: string; filter: string; opacity: string }; & .scroll-element div: { display: string; height: string; left: string; top: string; width: string }; & .scroll-element,& .scroll-element div: { border: string; box-sizing: string; margin: string; padding: string; position: string; z-index: string }; & .scroll-element.scroll-draggable .scroll-bar: { background-color: string }; & .scroll-element.scroll-x: { bottom: string; height: string; left: string; width: string }; & .scroll-element.scroll-x.scroll-x-visible,& .scroll-element.scroll-y.scroll-y-visible: { display: string }; & .scroll-element.scroll-x.scroll-y-visible .scroll-element-size: { left: string }; & .scroll-element.scroll-x.scroll-y-visible .scroll-element-track: { left: string }; & .scroll-element.scroll-y: { height: string; right: string; top: string; width: string }; & .scroll-element.scroll-y.scroll-x-visible .scroll-element-size: { top: string }; & .scroll-element.scroll-y.scroll-x-visible .scroll-element-track: { top: string }; & .scroll-element:hover .scroll-bar: { background-color: string }; & .scroll-wrapper: { overflow: string; padding: string; position: string }; & .scroll-wrapper>.scroll-content: { border: string; box-sizing: string; height: string; left: string; margin: string; max-height: string; max-width: string; overflow: string; padding: string; position: string; top: string; width: string }; & .scroll-wrapper>.scroll-content::-webkit-scrollbar: { height: string; width: string }; & .yh-table-cell: { &:focus: { border-color: string; border-right-width: string; box-shadow: string; outline: string }; height: string; line-height: string; overflow: string; padding: string; position: string; text-overflow: string; white-space: string }; & .yh-table-column-title: { marginRight: string }; & .yh-table-container: { & .yh-table-body: { & $x_table: {}; & td: { border-right: string }; -ms-overflow-style: string; margin-bottom: string; overflow: string; position: string; scrollbar-width: string }; & .yh-table-body::-webkit-scrollbar: { display: string }; & .yh-table-header: { & $x_table: {}; & .yh-table-sort: { & .table-sort-edge: { border-color: string; border-style: string; border-width: string; display: string; height: number; position: string; width: number }; & .yh-table-sort-asc: { &:hover: { border-bottom-color: string }; border-bottom-color: string; border-bottom-style: string; border-top: string; left: string; top: string }; & .yh-table-sort-desc: { &:hover: { border-top-color: string }; border-bottom: string; border-top-color: string; border-top-style: string; bottom: string; left: string }; cursor: string; height: string; margin-left: string; position: string; right: string; top: string; width: string }; & .yh-table-sort[yh-sort=asc] .yh-table-sort-asc: { border-bottom-color: string }; & .yh-table-sort[yh-sort=desc] .yh-table-sort-desc: { border-top-color: string }; & th: { background: string; border-right: string; font-size: string; font-weight: string; line-height: string; min-height: string; padding: string; position: string; text-align: string }; & tr: { -webkit-transition: string; background-color: string; transition: string }; overflow: string }; height: string; overflow: string; position: string; width: string }; & .yh-table-editor-error: { outline: string; background-color: string }; & .yh-table-grid-down: { & .fa: { left: string; margin: string; position: string; top: string }; &:hover: { background-color: string }; background-color: string; border-width: string; color: string; cursor: string; height: string; padding: string; position: string; right: string; text-align: string; top: string; width: string }; & .yh-table-none: { & .empty-data: { &:before: { text-align: string }; color: string; font-family: string; font-size: string; left: string; padding-top: string; position: string; text-align: string; top: string }; color: string; line-height: string; padding: string; padding-bottom: string; text-align: string }; & .yh-table-total: { & .yh-table-total-body: { -ms-overflow-style: string; background: string; box-shadow: string; min-height: string; overflow: string; scrollbar-width: string }; & .yh-table-total-body::-webkit-scrollbar: { display: string }; position: string }; overflow: string } }

- Defined in YH-Table/src/views/TableViewBase.ts:42
view的基本全局样式

Parameters
- that: any
Returns { x_table: { & *: { font-size: string }; & table: { border-collapse: string; border-spacing: string }; & td,& th: { font-size: string; line-height: string; min-height: string; padding: string; position: string }; &[yh-table-evenrowcolor] tr:nth-child(even): { background-color: string }; border-collapse: string; border-spacing: string }; x_table_view: { & $x_table td,& $x_table th: { border-bottom: string; padding: string }; & $x_table[yh-table-size="lg"].yh-table-cell: { height: string; line-height: string }; & $x_table[yh-table-size="sm"].yh-table-cell: { height: string; line-height: string }; & .scroll-element: { display: string }; & .scroll-element .scroll-bar: { background-color: string; position: string }; & .scroll-element .scroll-bar,& .scroll-element .scroll-arrow: { cursor: string }; & .scroll-element .scroll-element-track: { background-color: string }; & .scroll-element .scroll-element-track,& .scroll-element .scroll-bar: { -moz-border-radius: string; -ms-filter: string; -webkit-border-radius: string; border-radius: string; filter: string; opacity: string }; & .scroll-element div: { display: string; height: string; left: string; top: string; width: string }; & .scroll-element,& .scroll-element div: { border: string; box-sizing: string; margin: string; padding: string; position: string; z-index: string }; & .scroll-element.scroll-draggable .scroll-bar: { background-color: string }; & .scroll-element.scroll-x: { bottom: string; height: string; left: string; width: string }; & .scroll-element.scroll-x.scroll-x-visible,& .scroll-element.scroll-y.scroll-y-visible: { display: string }; & .scroll-element.scroll-x.scroll-y-visible .scroll-element-size: { left: string }; & .scroll-element.scroll-x.scroll-y-visible .scroll-element-track: { left: string }; & .scroll-element.scroll-y: { height: string; right: string; top: string; width: string }; & .scroll-element.scroll-y.scroll-x-visible .scroll-element-size: { top: string }; & .scroll-element.scroll-y.scroll-x-visible .scroll-element-track: { top: string }; & .scroll-element:hover .scroll-bar: { background-color: string }; & .scroll-wrapper: { overflow: string; padding: string; position: string }; & .scroll-wrapper>.scroll-content: { border: string; box-sizing: string; height: string; left: string; margin: string; max-height: string; max-width: string; overflow: string; padding: string; position: string; top: string; width: string }; & .scroll-wrapper>.scroll-content::-webkit-scrollbar: { height: string; width: string }; & .yh-table-cell: { &:focus: { border-color: string; border-right-width: string; box-shadow: string; outline: string }; height: string; line-height: string; overflow: string; padding: string; position: string; text-overflow: string; white-space: string }; & .yh-table-column-title: { marginRight: string }; & .yh-table-container: { & .yh-table-body: { & $x_table: {}; & td: { border-right: string }; -ms-overflow-style: string; margin-bottom: string; overflow: string; position: string; scrollbar-width: string }; & .yh-table-body::-webkit-scrollbar: { display: string }; & .yh-table-header: { & $x_table: {}; & .yh-table-sort: { & .table-sort-edge: { border-color: string; border-style: string; border-width: string; display: string; height: number; position: string; width: number }; & .yh-table-sort-asc: { &:hover: { border-bottom-color: string }; border-bottom-color: string; border-bottom-style: string; border-top: string; left: string; top: string }; & .yh-table-sort-desc: { &:hover: { border-top-color: string }; border-bottom: string; border-top-color: string; border-top-style: string; bottom: string; left: string }; cursor: string; height: string; margin-left: string; position: string; right: string; top: string; width: string }; & .yh-table-sort[yh-sort=asc] .yh-table-sort-asc: { border-bottom-color: string }; & .yh-table-sort[yh-sort=desc] .yh-table-sort-desc: { border-top-color: string }; & th: { background: string; border-right: string; font-size: string; font-weight: string; line-height: string; min-height: string; padding: string; position: string; text-align: string }; & tr: { -webkit-transition: string; background-color: string; transition: string }; overflow: string }; height: string; overflow: string; position: string; width: string }; & .yh-table-editor-error: { outline: string; background-color: string }; & .yh-table-grid-down: { & .fa: { left: string; margin: string; position: string; top: string }; &:hover: { background-color: string }; background-color: string; border-width: string; color: string; cursor: string; height: string; padding: string; position: string; right: string; text-align: string; top: string; width: string }; & .yh-table-none: { & .empty-data: { &:before: { text-align: string }; color: string; font-family: string; font-size: string; left: string; padding-top: string; position: string; text-align: string; top: string }; color: string; line-height: string; padding: string; padding-bottom: string; text-align: string }; & .yh-table-total: { & .yh-table-total-body: { -ms-overflow-style: string; background: string; box-shadow: string; min-height: string; overflow: string; scrollbar-width: string }; & .yh-table-total-body::-webkit-scrollbar: { display: string }; position: string }; overflow: string } }
- x_table: { & *: { font-size: string }; & table: { border-collapse: string; border-spacing: string }; & td,& th: { font-size: string; line-height: string; min-height: string; padding: string; position: string }; &[yh-table-evenrowcolor] tr:nth-child(even): { background-color: string }; border-collapse: string; border-spacing: string }
  - & *: { font-size: string }
    - font-size: string
  - & table: { border-collapse: string; border-spacing: string }
    - border-collapse: string
    - border-spacing: string
  - & td,& th: { font-size: string; line-height: string; min-height: string; padding: string; position: string }
    - font-size: string
    - line-height: string
    - min-height: string
    - padding: string
    - position: string
  - &[yh-table-evenrowcolor] tr:nth-child(even): { background-color: string }
    - background-color: string
  - border-collapse: string
  - border-spacing: string
- x_table_view: { & $x_table td,& $x_table th: { border-bottom: string; padding: string }; & $x_table[yh-table-size="lg"].yh-table-cell: { height: string; line-height: string }; & $x_table[yh-table-size="sm"].yh-table-cell: { height: string; line-height: string }; & .scroll-element: { display: string }; & .scroll-element .scroll-bar: { background-color: string; position: string }; & .scroll-element .scroll-bar,& .scroll-element .scroll-arrow: { cursor: string }; & .scroll-element .scroll-element-track: { background-color: string }; & .scroll-element .scroll-element-track,& .scroll-element .scroll-bar: { -moz-border-radius: string; -ms-filter: string; -webkit-border-radius: string; border-radius: string; filter: string; opacity: string }; & .scroll-element div: { display: string; height: string; left: string; top: string; width: string }; & .scroll-element,& .scroll-element div: { border: string; box-sizing: string; margin: string; padding: string; position: string; z-index: string }; & .scroll-element.scroll-draggable .scroll-bar: { background-color: string }; & .scroll-element.scroll-x: { bottom: string; height: string; left: string; width: string }; & .scroll-element.scroll-x.scroll-x-visible,& .scroll-element.scroll-y.scroll-y-visible: { display: string }; & .scroll-element.scroll-x.scroll-y-visible .scroll-element-size: { left: string }; & .scroll-element.scroll-x.scroll-y-visible .scroll-element-track: { left: string }; & .scroll-element.scroll-y: { height: string; right: string; top: string; width: string }; & .scroll-element.scroll-y.scroll-x-visible .scroll-element-size: { top: string }; & .scroll-element.scroll-y.scroll-x-visible .scroll-element-track: { top: string }; & .scroll-element:hover .scroll-bar: { background-color: string }; & .scroll-wrapper: { overflow: string; padding: string; position: string }; & .scroll-wrapper>.scroll-content: { border: string; box-sizing: string; height: string; left: string; margin: string; max-height: string; max-width: string; overflow: string; padding: string; position: string; top: string; width: string }; & .scroll-wrapper>.scroll-content::-webkit-scrollbar: { height: string; width: string }; & .yh-table-cell: { &:focus: { border-color: string; border-right-width: string; box-shadow: string; outline: string }; height: string; line-height: string; overflow: string; padding: string; position: string; text-overflow: string; white-space: string }; & .yh-table-column-title: { marginRight: string }; & .yh-table-container: { & .yh-table-body: { & $x_table: {}; & td: { border-right: string }; -ms-overflow-style: string; margin-bottom: string; overflow: string; position: string; scrollbar-width: string }; & .yh-table-body::-webkit-scrollbar: { display: string }; & .yh-table-header: { & $x_table: {}; & .yh-table-sort: { & .table-sort-edge: { border-color: string; border-style: string; border-width: string; display: string; height: number; position: string; width: number }; & .yh-table-sort-asc: { &:hover: { border-bottom-color: string }; border-bottom-color: string; border-bottom-style: string; border-top: string; left: string; top: string }; & .yh-table-sort-desc: { &:hover: { border-top-color: string }; border-bottom: string; border-top-color: string; border-top-style: string; bottom: string; left: string }; cursor: string; height: string; margin-left: string; position: string; right: string; top: string; width: string }; & .yh-table-sort[yh-sort=asc] .yh-table-sort-asc: { border-bottom-color: string }; & .yh-table-sort[yh-sort=desc] .yh-table-sort-desc: { border-top-color: string }; & th: { background: string; border-right: string; font-size: string; font-weight: string; line-height: string; min-height: string; padding: string; position: string; text-align: string }; & tr: { -webkit-transition: string; background-color: string; transition: string }; overflow: string }; height: string; overflow: string; position: string; width: string }; & .yh-table-editor-error: { outline: string; background-color: string }; & .yh-table-grid-down: { & .fa: { left: string; margin: string; position: string; top: string }; &:hover: { background-color: string }; background-color: string; border-width: string; color: string; cursor: string; height: string; padding: string; position: string; right: string; text-align: string; top: string; width: string }; & .yh-table-none: { & .empty-data: { &:before: { text-align: string }; color: string; font-family: string; font-size: string; left: string; padding-top: string; position: string; text-align: string; top: string }; color: string; line-height: string; padding: string; padding-bottom: string; text-align: string }; & .yh-table-total: { & .yh-table-total-body: { -ms-overflow-style: string; background: string; box-shadow: string; min-height: string; overflow: string; scrollbar-width: string }; & .yh-table-total-body::-webkit-scrollbar: { display: string }; position: string }; overflow: string }
  - & $x_table td,& $x_table th: { border-bottom: string; padding: string }
    - border-bottom: string
    - padding: string
  - & $x_table[yh-table-size="lg"].yh-table-cell: { height: string; line-height: string }
    - height: string
    - line-height: string
  - & $x_table[yh-table-size="sm"].yh-table-cell: { height: string; line-height: string }
    - height: string
    - line-height: string
  - & .scroll-element: { display: string }
    - display: string
  - & .scroll-element .scroll-bar: { background-color: string; position: string }
    - background-color: string
    - position: string
  - & .scroll-element .scroll-bar,& .scroll-element .scroll-arrow: { cursor: string }
    - cursor: string
  - & .scroll-element .scroll-element-track: { background-color: string }
    - background-color: string
  - & .scroll-element .scroll-element-track,& .scroll-element .scroll-bar: { -moz-border-radius: string; -ms-filter: string; -webkit-border-radius: string; border-radius: string; filter: string; opacity: string }
    - -moz-border-radius: string
    - -ms-filter: string
    - -webkit-border-radius: string
    - border-radius: string
    - filter: string
    - opacity: string
  - & .scroll-element div: { display: string; height: string; left: string; top: string; width: string }
    - display: string
    - height: string
    - left: string
    - top: string
    - width: string
  - & .scroll-element,& .scroll-element div: { border: string; box-sizing: string; margin: string; padding: string; position: string; z-index: string }
    - border: string
    - box-sizing: string
    - margin: string
    - padding: string
    - position: string
    - z-index: string
  - & .scroll-element.scroll-draggable .scroll-bar: { background-color: string }
    - background-color: string
  - & .scroll-element.scroll-x: { bottom: string; height: string; left: string; width: string }
    - bottom: string
    - height: string
    - left: string
    - width: string
  - & .scroll-element.scroll-x.scroll-x-visible,& .scroll-element.scroll-y.scroll-y-visible: { display: string }
    - display: string
  - & .scroll-element.scroll-x.scroll-y-visible .scroll-element-size: { left: string }
    - left: string
  - & .scroll-element.scroll-x.scroll-y-visible .scroll-element-track: { left: string }
    - left: string
  - & .scroll-element.scroll-y: { height: string; right: string; top: string; width: string }
    - height: string
    - right: string
    - top: string
    - width: string
  - & .scroll-element.scroll-y.scroll-x-visible .scroll-element-size: { top: string }
    - top: string
  - & .scroll-element.scroll-y.scroll-x-visible .scroll-element-track: { top: string }
    - top: string
  - & .scroll-element:hover .scroll-bar: { background-color: string }
    - background-color: string
  - & .scroll-wrapper: { overflow: string; padding: string; position: string }
    - overflow: string
    - padding: string
    - position: string
  - & .scroll-wrapper>.scroll-content: { border: string; box-sizing: string; height: string; left: string; margin: string; max-height: string; max-width: string; overflow: string; padding: string; position: string; top: string; width: string }
    - border: string
    - box-sizing: string
    - height: string
    - left: string
    - margin: string
    - max-height: string
    - max-width: string
    - overflow: string
    - padding: string
    - position: string
    - top: string
    - width: string
  - & .scroll-wrapper>.scroll-content::-webkit-scrollbar: { height: string; width: string }
    - height: string
    - width: string
  - & .yh-table-cell: { &:focus: { border-color: string; border-right-width: string; box-shadow: string; outline: string }; height: string; line-height: string; overflow: string; padding: string; position: string; text-overflow: string; white-space: string }
    - &:focus: { border-color: string; border-right-width: string; box-shadow: string; outline: string }
      - border-color: string
      - border-right-width: string
      - box-shadow: string
      - outline: string
    - height: string
    - line-height: string
    - overflow: string
    - padding: string
    - position: string
    - text-overflow: string
    - white-space: string
  - & .yh-table-column-title: { marginRight: string }
    - marginRight: string
  - & .yh-table-container: { & .yh-table-body: { & $x_table: {}; & td: { border-right: string }; -ms-overflow-style: string; margin-bottom: string; overflow: string; position: string; scrollbar-width: string }; & .yh-table-body::-webkit-scrollbar: { display: string }; & .yh-table-header: { & $x_table: {}; & .yh-table-sort: { & .table-sort-edge: { border-color: string; border-style: string; border-width: string; display: string; height: number; position: string; width: number }; & .yh-table-sort-asc: { &:hover: { border-bottom-color: string }; border-bottom-color: string; border-bottom-style: string; border-top: string; left: string; top: string }; & .yh-table-sort-desc: { &:hover: { border-top-color: string }; border-bottom: string; border-top-color: string; border-top-style: string; bottom: string; left: string }; cursor: string; height: string; margin-left: string; position: string; right: string; top: string; width: string }; & .yh-table-sort[yh-sort=asc] .yh-table-sort-asc: { border-bottom-color: string }; & .yh-table-sort[yh-sort=desc] .yh-table-sort-desc: { border-top-color: string }; & th: { background: string; border-right: string; font-size: string; font-weight: string; line-height: string; min-height: string; padding: string; position: string; text-align: string }; & tr: { -webkit-transition: string; background-color: string; transition: string }; overflow: string }; height: string; overflow: string; position: string; width: string }
    - & .yh-table-body: { & $x_table: {}; & td: { border-right: string }; -ms-overflow-style: string; margin-bottom: string; overflow: string; position: string; scrollbar-width: string }
      - & $x_table: {}
      - & td: { border-right: string }
        
        border-right: string
      - -ms-overflow-style: string
      - margin-bottom: string
      - overflow: string
      - position: string
      - scrollbar-width: string
    - & .yh-table-body::-webkit-scrollbar: { display: string }
      - display: string
    - & .yh-table-header: { & $x_table: {}; & .yh-table-sort: { & .table-sort-edge: { border-color: string; border-style: string; border-width: string; display: string; height: number; position: string; width: number }; & .yh-table-sort-asc: { &:hover: { border-bottom-color: string }; border-bottom-color: string; border-bottom-style: string; border-top: string; left: string; top: string }; & .yh-table-sort-desc: { &:hover: { border-top-color: string }; border-bottom: string; border-top-color: string; border-top-style: string; bottom: string; left: string }; cursor: string; height: string; margin-left: string; position: string; right: string; top: string; width: string }; & .yh-table-sort[yh-sort=asc] .yh-table-sort-asc: { border-bottom-color: string }; & .yh-table-sort[yh-sort=desc] .yh-table-sort-desc: { border-top-color: string }; & th: { background: string; border-right: string; font-size: string; font-weight: string; line-height: string; min-height: string; padding: string; position: string; text-align: string }; & tr: { -webkit-transition: string; background-color: string; transition: string }; overflow: string }
      - & $x_table: {}
      - & .yh-table-sort: { & .table-sort-edge: { border-color: string; border-style: string; border-width: string; display: string; height: number; position: string; width: number }; & .yh-table-sort-asc: { &:hover: { border-bottom-color: string }; border-bottom-color: string; border-bottom-style: string; border-top: string; left: string; top: string }; & .yh-table-sort-desc: { &:hover: { border-top-color: string }; border-bottom: string; border-top-color: string; border-top-style: string; bottom: string; left: string }; cursor: string; height: string; margin-left: string; position: string; right: string; top: string; width: string }
        
        & .table-sort-edge: { border-color: string; border-style: string; border-width: string; display: string; height: number; position: string; width: number }
        
        border-color: string
        
        border-style: string
        
        border-width: string
        
        display: string
        
        height: number
        
        position: string
        
        width: number
        
        & .yh-table-sort-asc: { &:hover: { border-bottom-color: string }; border-bottom-color: string; border-bottom-style: string; border-top: string; left: string; top: string }
        
        &:hover: { border-bottom-color: string }
        
        border-bottom-color: string
        
        border-bottom-color: string
        
        border-bottom-style: string
        
        border-top: string
        
        left: string
        
        top: string
        
        & .yh-table-sort-desc: { &:hover: { border-top-color: string }; border-bottom: string; border-top-color: string; border-top-style: string; bottom: string; left: string }
        
        &:hover: { border-top-color: string }
        
        border-top-color: string
        
        border-bottom: string
        
        border-top-color: string
        
        border-top-style: string
        
        bottom: string
        
        left: string
        
        cursor: string
        
        height: string
        
        margin-left: string
        
        position: string
        
        right: string
        
        top: string
        
        width: string
      - & .yh-table-sort[yh-sort=asc] .yh-table-sort-asc: { border-bottom-color: string }
        
        border-bottom-color: string
      - & .yh-table-sort[yh-sort=desc] .yh-table-sort-desc: { border-top-color: string }
        
        border-top-color: string
      - & th: { background: string; border-right: string; font-size: string; font-weight: string; line-height: string; min-height: string; padding: string; position: string; text-align: string }
        
        background: string
        
        border-right: string
        
        font-size: string
        
        font-weight: string
        
        line-height: string
        
        min-height: string
        
        padding: string
        
        position: string
        
        text-align: string
      - & tr: { -webkit-transition: string; background-color: string; transition: string }
        
        -webkit-transition: string
        
        background-color: string
        
        transition: string
      - overflow: string
    - height: string
    - overflow: string
    - position: string
    - width: string
  - & .yh-table-editor-error: { outline: string; background-color: string }
    - outline: string
    - background-color: string
  - & .yh-table-grid-down: { & .fa: { left: string; margin: string; position: string; top: string }; &:hover: { background-color: string }; background-color: string; border-width: string; color: string; cursor: string; height: string; padding: string; position: string; right: string; text-align: string; top: string; width: string }
    - & .fa: { left: string; margin: string; position: string; top: string }
      - left: string
      - margin: string
      - position: string
      - top: string
    - &:hover: { background-color: string }
      - background-color: string
    - background-color: string
    - border-width: string
    - color: string
    - cursor: string
    - height: string
    - padding: string
    - position: string
    - right: string
    - text-align: string
    - top: string
    - width: string
  - & .yh-table-none: { & .empty-data: { &:before: { text-align: string }; color: string; font-family: string; font-size: string; left: string; padding-top: string; position: string; text-align: string; top: string }; color: string; line-height: string; padding: string; padding-bottom: string; text-align: string }
    - & .empty-data: { &:before: { text-align: string }; color: string; font-family: string; font-size: string; left: string; padding-top: string; position: string; text-align: string; top: string }
      - &:before: { text-align: string }
        
        text-align: string
      - color: string
      - font-family: string
      - font-size: string
      - left: string
      - padding-top: string
      - position: string
      - text-align: string
      - top: string
    - color: string
    - line-height: string
    - padding: string
    - padding-bottom: string
    - text-align: string
  - & .yh-table-total: { & .yh-table-total-body: { -ms-overflow-style: string; background: string; box-shadow: string; min-height: string; overflow: string; scrollbar-width: string }; & .yh-table-total-body::-webkit-scrollbar: { display: string }; position: string }
    - & .yh-table-total-body: { -ms-overflow-style: string; background: string; box-shadow: string; min-height: string; overflow: string; scrollbar-width: string }
      - -ms-overflow-style: string
      - background: string
      - box-shadow: string
      - min-height: string
      - overflow: string
      - scrollbar-width: string
    - & .yh-table-total-body::-webkit-scrollbar: { display: string }
      - display: string
    - position: string
  - overflow: string

Index

Classes

Interfaces

Type aliases

Functions

Type aliases

OnCellChangedHandle

Type declaration

Parameters

sender: TableViewBase

row: Row

column: TableColumn

value: any

Returns void

OnCellClickHandle

Type declaration

Parameters

sender: TableViewBase

row: Row

column: TableColumn

value: any

cellElem: JQuery<HTMLElement>

Returns void

OnCellDoubleChickHandle

Type declaration

Parameters

sender: TableViewBase

row: Row

column: TableColumn

value: any

Returns void

OnCheckHandle

Type declaration

Parameters

sender: TableViewBase

row: Row

check: boolean

isAll: boolean

Returns void

OnColumnClickHandle

Type declaration

Parameters

sender: TableViewBase

col: TableColumn

Returns void

OnColumnDoubleClickHandle

Type declaration

Parameters

sender: TableViewBase

col: TableColumn

Returns void

OnRenderViewHandle

Type declaration

Parameters

view: TableViewBase

Returns void

OnRowClickHandle

Type declaration

Parameters

sender: TableViewBase

row: Row

rowElem: JQuery<HTMLElement>

Returns void

OnRowDoubleClickHandle

Type declaration

Parameters

sender: TableViewBase

row: Row

Returns void

OnRowSelectChangeingHandle

Type declaration

Parameters

sender: TableViewBase

preRow: Row

curRow: Row

Returns void

OnToolButtonClickHandle

Type declaration

Parameters

sender: TableViewBase