43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
|
import * as React from 'react';
|
||
|
import ReactToolbox from "../index";
|
||
|
|
||
|
export interface TableHeadTheme {
|
||
|
/**
|
||
|
* Modifier for cells that include a select checkbox.
|
||
|
*/
|
||
|
checkboxCell?: string;
|
||
|
}
|
||
|
|
||
|
export interface TableHeadProps extends ReactToolbox.Props {
|
||
|
/**
|
||
|
* If true, a checkbox will be displayed to select every row. In case the table is not multi-selectable, it will be disabled though.
|
||
|
* @default true
|
||
|
*/
|
||
|
displaySelect?: boolean;
|
||
|
/**
|
||
|
* If true, the header and each row will display a checkbox to allow the user to select multiple rows.
|
||
|
* @default true
|
||
|
*/
|
||
|
multiSelectable?: boolean;
|
||
|
/**
|
||
|
* Handle the select state change of the checkbox in the header row.
|
||
|
*/
|
||
|
onSelect?: Function;
|
||
|
/**
|
||
|
* If true, each row will display a checkbox to allow the user to select that one row.
|
||
|
* @default true
|
||
|
*/
|
||
|
selectable?: boolean;
|
||
|
/**
|
||
|
* If selectable, controls the selected state of the checkbox in the header row.
|
||
|
*/
|
||
|
selected?: boolean;
|
||
|
/**
|
||
|
* Classnames object defining the component style.
|
||
|
*/
|
||
|
theme?: TableHeadTheme;
|
||
|
}
|
||
|
|
||
|
export class TableHead extends React.Component<TableHeadProps, {}> { }
|
||
|
export default TableHead;
|