{record.description}
,\\n fixed: 'left',\\n };\\n };\\n } else {\\n expandedRowRender = null;\\n }\\n\\n this.setState({ expandedRowRender });\\n };\\n\\n this.toggleShowSorter = checked => {\\n let columns = [...this.state.columns];\\n\\n if (checked) {\\n columns.forEach(column => column.dataIndex === 'age' && (column.sorter = true));\\n } else {\\n columns.forEach(column => (column.sorter = null));\\n }\\n\\n this.setState({ columns });\\n };\\n\\n this.toggleShowFilter = checked => {\\n let columns = [...this.state.columns];\\n\\n if (checked) {\\n columns.forEach(column => {\\n if (column.dataIndex === 'name') {\\n column.filters = [\\n {\\n text: 'Name contains 1',\\n value: '1',\\n },\\n {\\n text: 'Name contains 2',\\n value: '2',\\n },\\n {\\n text: 'Name contains 3',\\n value: '3',\\n },\\n ];\\n column.filteredValue = [];\\n }\\n });\\n } else {\\n columns.forEach(column => {\\n column.filters = null;\\n column.filteredValue = null;\\n });\\n }\\n\\n this.setState({ columns });\\n\\n if (!checked) {\\n this.setPage(null, null, []);\\n }\\n };\\n\\n this.onChange = (data = {}) => {\\n console.log('Table changed: ', data);\\n let { pagination, sorter, filters } = data;\\n this.setPage(pagination.currentPage, sorter, filters);\\n };\\n\\n this.onExpandedRowsChange = rows => {\\n console.log('Expanded rows changed to: ', rows);\\n\\n const expandedRowKeys = (Array.isArray(rows) && rows.map(row => row.key)) || [];\\n\\n this.setState({ expandedRowKeys });\\n };\\n\\n this.toggleExpandedRowKeys = checked => {\\n let expandedRowKeys = [];\\n\\n if (checked) {\\n let dataSource = [...this.state.dataSource];\\n expandedRowKeys.push(\\n ...dataSource.reduce((arr, data) => {\\n if (data.key) {\\n arr.push(data.key);\\n }\\n return arr;\\n }, [])\\n );\\n this.toggleExpandedRowRender(true);\\n }\\n this.setState({ expandedRowKeys });\\n };\\n\\n this.toggleBordered = checked => {\\n let bordered = false;\\n\\n if (checked) {\\n bordered = true;\\n }\\n\\n this.setState({ bordered });\\n };\\n\\n this.toggleResizable = checked => {\\n let resizable = !!checked || false;\\n\\n this.setState({ resizable, bordered: resizable });\\n };\\n\\n this.toggleHideHeader = checked => {\\n let showHeader = true;\\n\\n if (checked) {\\n showHeader = false;\\n }\\n\\n this.setState({ showHeader });\\n };\\n\\n this.toggleFooter = checked => {\\n const footer = checked ? dataSource =>This is footer.
: null;\\n\\n this.setState({ footer });\\n };\\n\\n this.toggleTitle = checked => {\\n const title = checked ? 'This is title.' : null;\\n\\n this.setState({ title });\\n };\\n\\n this.toggleHidePagination = checked => {\\n let pagination = checked\\n ? false\\n : {\\n currentPage: 1,\\n pageSize: 8,\\n total: data.length,\\n onPageChange: page => this.setPage(page),\\n };\\n\\n this.setState({ pagination });\\n };\\n\\n this.toggleDataSource = checked => {\\n if (checked) {\\n this.setState({ dataSource: [] });\\n } else {\\n this.setPage();\\n }\\n };\\n\\n this.switchPagination = position => {\\n let pagination = this.state.pagination;\\n\\n const defaultPagination = {\\n currentPage: 1,\\n pageSize: 8,\\n total: data.length,\\n onPageChange: page => this.setPage(page),\\n };\\n\\n const positions = ['bottom', 'top', 'both'];\\n\\n if (position === true || position === false) {\\n pagination = position ? { ...defaultPagination, ...pagination } : false;\\n } else if (positions.includes(position)) {\\n pagination = { ...defaultPagination, ...pagination, position };\\n }\\n\\n this.setState({ pagination });\\n };\\n\\n this.state = {\\n loading: false,\\n columns,\\n scroll: {},\\n rowSelection: null,\\n expandedRowRender: null,\\n expandCellFixed: false,\\n defaultExpandedRowKeys: [],\\n title: null,\\n footer: null,\\n expandedRowKeys: [],\\n showHeader: true,\\n resizable: false,\\n pagination: {\\n currentPage: 1,\\n pageSize: 8,\\n total: data.length,\\n onPageChange: page => this.setPage(page),\\n },\\n dataSource: [],\\n };\\n\\n this.TableSwitch = function TableSwitch({\\n text,\\n children,\\n checked,\\n onChange,\\n style = { display: 'inline-flex', alignItems: 'center', margin: 5 },\\n }) {\\n const switchProps = { onChange };\\n\\n if (checked != null) {\\n switchProps.checked = !!checked;\\n }\\n return (\\n \\n {text}\\n {children != null ? children :