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.
Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss
Asked: 2022-07-31 11:00:00 +0000
Seen: 12 times
Last updated: Sep 28 '22
How can I customize the Swiper Element v9 in ionic 6 with stylish design?
How can I enable Qt Creator Design mode for a project using Qt Quick or PySide6?
What is the process for adding a custom button color in Angular Material design?
What is the meaning of the error message "duplicate key value violates unique constraint" in Django?
How to create a Cloudwatch Log Group in Terraform with a KMS key?
If my data doesn't have an ID property, what alternative key options do I have?
What is the process for combining dictionaries that contain other dictionaries?
Which integer hash functions that can take an integer hash key are considered to be effective?
How can I establish a connection to the host using VSCode and the private key?