Okay
  Public Ticket #2880452
How to lower Cell hight
Closed

Comments

  • Dongsoon started the conversation
    September 25, 2021 at 9:04am

    Hi,

    I want to lower the cell height of the data table.
    Currently, the cell height of this plug-in is too high to take up too much space on the page.
    So I want to lower the cell height.
    Is there any possible way?

  • [deleted] replied
    September 27, 2021 at 10:22am

    Hi Dongsoon

    Thank you for reaching out to us.

    If you need to row be smaller then you can do it by reducing padding in cells.

    You can use this CSS for tables from the related link :

    // for cell in table
.wpdt-c.wdt-skin-aqua .wpDataTablesWrapper table.wpDataTable.wpDataTableID-4 td,
.wpdt-c.wdt-skin-aqua .wpDataTablesWrapper table.wpDataTable.wpDataTableID-1 td {padding: 0 20px !important;}
// for cells in header
.wpdt-c.wdt-skin-aqua .wpDataTablesWrapper table.wpDataTable.wpDataTableID-1 thead th,
.wpdt-c.wdt-skin-aqua .wpDataTablesWrapper table.wpDataTable.wpDataTableID-4 thead th
{padding: 0 16px !important;}

    We insert 0 for top and bottom padding but you can choose whatever you need( for example 1px,2px..)

  • Dongsoon replied
    September 27, 2021 at 11:03am

    Hi

    Thans for advie.

    This advice work for me.

    Thanks

  • [deleted] replied
    September 27, 2021 at 12:40pm

    You are most welcomesmile.png

    If there is anything else we can assist you with please don't hesitate to open a new ticket.

    Have a wonderful day!