antd的Table列選擇 列拓展

2021-10-14 21:54:07 字數 1126 閱讀 3943

列選擇:rowselection屬性

//選擇的專案存放在陣列中

const [selectedrow, setselectedrow] = usestate();

//選擇此項

const onselect = (value: any) => ;

//選擇當前頁所有

const onselectall = (value: any) => ))

.filter(

(item: any) => !selectedrow.map(el => el.key).includes(item.key),

),])

: setselectedrow(

selectedrow.filter(

(i: any) =>

!goodslist.map(item => item.plat_goods_id).includes(i.key),

),);

};//配置rowselection屬性

const selectedrowselection: tablerowselection= ;

())}

pagination=

columns=

rowselection=//通過這個屬性實現列選擇的配置

列拓展:expandable屬性

const expandedrowrender = (record) => ;

const expandicon = () =>

expanded ? (//是否展開態

onexpand(record, e)}

>

收起sku 

) : (

onexpand(record, e)}

>

展開sku 

)())}

pagination=

columns=

expandable=}

loading=

/>

table設定列寬度

首先貼資料,相信大家看了基本就了解了 tablelayout 屬性用來顯示 單元格 行 列的演算法規則。固定 布局 固定 布局與自動 布局相比,允許瀏覽器更快地對 進行布局。在固定 布局中,水平布局僅取決於 寬度 列寬度 邊框寬度 單元格間距,而與單元格的內容無關。通過使用固定 布局,使用者 在接收...

mysql 選擇列 MySQL 選擇所有列( )

示例 詢問select from stack 結果 id username password 1 admin admin 2 stack stack 2 rows in set 0.00 sec 您可以通過執行以下操作從乙個連線的乙個表中選擇所有列 select stack.from stack j...

Table固定表頭和列

姓名單位 工資descirption0 tol0 xs0ss0 ms0ds0 bs0xl0 ml0dl0 em0bm0 賴文華北京中油瑞飛 9999rmb 8888 2222 2222 2222 2222 2222 賴文華北京中油瑞飛 9999rmb 8888 2222 2222 2222 2222...