[Solved] Editing borders on a data table

Hi Team, It is very difficult editing the borders of a data table. I am trying to remove all the vertical borderlines - which should be relatively easy but I just cannot seem to get it right first time. Its a matter of trial and error and by luck I have achieved the results on only one of the data tables. I wonder if there is a bug with editing borders on a data table?

Hi @Mattfat66,

Thanks for bringing it to our notice. We will get it checked.

Thanks.

Hi @Mattfat66,

By default, we apply Bootstrap’s table-bordered class on the table component. Removing this class will remove the border lines. I’ve added a quick screen recording for your reference here.

If this isn’t what you’re looking for, please share a quick screen recording or screenshot to highlight what you’re trying to achieve. This will help us understand the issue better.

This solved the problem thank you so much. Love the work you guys do, I have learnt so much from you guys

1 Like

Hi there, is it possible that the bootstrap class is inteferring with dragging and dropping the input fields in the data search form? I want to change the order of the input fields

Hi @Mattfat66,

No, Bootstrap classes are not interfering. The drag and drop feature does not exists for the data search form and we have to add it. This task is assigned to our dev team.

Thanks.

Hi @Mattfat66 ,

As Vishal mentioned we have this feature in the development pipeline.

Therefore, until this feature is built, you can reorder the fields in the Data Search form using the combination of Container, Row, and Column components or just the Section component. I’ve added a quick screen recording for your reference here.

That is wonderful, thank you soo much team!

If I want to change the border radius of the input fields do I need to remove a bootstrap class from the data search table? Simply changing the border radius of each input field doesnt seem to work…