Okay
  Public Ticket #2899457
Column Width - Cutting Off on Desktop
Closed

Comments

  •  1
    Swish started the conversation
    October 21, 2021 at 4:51am

    Hello,

    I have enabaled my table to be scrollable, and it looks fine on mobile. However, on desktop it is causing some of my data to be cut off.

    I have tried some custom css but the theme seems to be overriding some of my changes. any tips? I would like the columns to fit the data in cells without being cutoff.

    9383293385.png


  • [deleted] replied
    October 22, 2021 at 4:43pm

    Hi Swish

    Unfortunately this is not possible using the plugin's builtin features. If scrollable option is turned on the word wrap will not be available.

    4177021245.png


    Can you try with this?

    .wpDataTable th.wdtheader.col1,
.wpDataTable td.col1{    
width: 200px !important;    
word-wrap: break-word !important;    
white-space: normal !important;
}

     You need to insert that class in CSS class in the column settings. Because this is working in our local environment.

    Do let me know if this helps.