我的应用程序中有一个表,我在其中对每一行使用 select 。
当我单击并选择行时,左上角会出现一个选中的复选框。我不想显示该复选框,我想显示其他内容,例如带有文本的 div。仅当我单击一行中的复选框时,该 div 才会出现。
这个怎么做?我试图找到呈现该复选框的事件,但我没有成功。如何访问该元素并在其他元素中更改它?沙箱链接:https://codesandbox.io/s/selection-ant-design-demo-vlftk?file=/index.js https://codesandbox.io/s/selection-ant-design-demo-vlftk?file=/index.js
我们可以将自定义组件设置为栏目标题内部道具行选择 of <Table />
设置选择列的标题
类型:字符串|React.ReactNode
参考:文档Antd 表行选择 https://ant.design/components/table/#rowSelection
const rowSelection = {
columnTitle: selectedRowKeys.length > 0 ? <div>XXX</div> : <></>,
...
}
<Table rowSelection={rowSelection} />;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)