Round corner with controls via DataTables vs Bootstrap 4

Round corner with controls via DataTables vs Bootstrap 4

PingpongPingpong Posts: 15Questions: 5Answers: 0

Question 1:
Is it possible to have contols with round corners like those via Boostrap 4 below:
https://datatables.net/examples/styling/bootstrap4.html

I like the table below with stylings of 'display' and 'compact', and no border around navigation control.
https://datatables.net/examples/styling/compact.html

Qustion 2:
Is it possible to customise these in Boostrap 4, if question 1 is not possible?

Question 3:
What is the difference between DataTables and Bootstrap4 in terms of styling, and UI?

Answers

  • colincolin Posts: 15,118Questions: 1Answers: 2,583

    The last question is the big one - the differences are what you see between those two links you posted. compact is only applicable to DataTables styling, and those edges you like would only work on BS4.

    Colin

  • PingpongPingpong Posts: 15Questions: 5Answers: 0

    Is there any plan to add round corner to DataTables.net? or add > compact to BS4?

  • allanallan Posts: 61,452Questions: 1Answers: 10,055 Site admin

    Bootstrap has a table-sm class which can be used to reduce the padding in the cells.

    The full Bootstrap documentation is available here.

    Is there any plan to add round corner to DataTables.net?

    On our fully bordered table? No - but you can readily add your own custom CSS to style as you wish.

    Allan

This discussion has been closed.