Open web-ning opened 2 months ago
测试没问题啊
<template>
<s-table :row-selection="rowSelection" :columns="columns" :data-source="data">
<template #bodyCell="{ column, text }">
<template v-if="'dataIndex' in column && column.dataIndex === 'name'">
<a>{{ text }}</a>
</template>
<template v-else>{{ text }}</template>
</template>
</s-table>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import type { STableProps, STableColumnType } from '@surely-vue/table';
interface DataType {
key: string;
name: string;
age: number;
address: string;
}
export default defineComponent({
setup() {
const columns: STableColumnType<DataType>[] = [
{
title: 'Name',
dataIndex: 'name',
},
{
title: 'Age',
dataIndex: 'age',
},
{
title: 'Address',
dataIndex: 'address',
},
];
const data: DataType[] = [
{
key: '1',
name: 'John Brown',
age: 32,
address: 'New York No. 1 Lake Park',
},
{
key: '2',
name: 'Jim Green',
age: 42,
address: 'London No. 1 Lake Park',
},
{
key: '3',
name: 'Joe Black',
age: 32,
address: 'Sidney No. 1 Lake Park',
},
{
key: '4',
name: 'Disabled User',
age: 99,
address: 'Sidney No. 1 Lake Park',
},
];
const rowSelection: STableProps['rowSelection'] = {
onChange: (selectedRowKeys: string[], selectedRows: DataType[]) => {
console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
},
getCheckboxProps: (record: DataType) => ({
disabled: true, // Column configuration not to be checked
name: record.name,
}),
};
return {
data,
columns,
rowSelection,
};
},
});
</script>
表格行全部禁用时,全选框没有禁用