You can eliminate the dividing line between rows in a table using Ant Design by adding the "bordered" attribute to the Table component and setting it to false. Here's an example:
import { Table } from 'antd';
const data = [
{ key: '1', name: 'John Doe', age: 30 },
{ key: '2', name: 'Jane Smith', age: 25 },
{ key: '3', name: 'Bob Johnson', age: 40 },
];
const columns = [
{ title: 'Name', dataIndex: 'name', key: 'name' },
{ title: 'Age', dataIndex: 'age', key: 'age' },
];
<Table dataSource={data} columns={columns} bordered={false} />;
Setting the "bordered" attribute to false will remove the dividing line between rows in the table.
Asked: 2022-07-31 11:00:00 +0000
Seen: 12 times
Last updated: Sep 28 '22