Hey there, Awesome Customers!

Just a heads up: We'll be taking a breather to celebrate International Workers' Day (May 1st and 2nd - Wednesday and Thursday) and Orthodox Easter from Good Friday (May 3rd) through Easter Monday (May 6th). So, from May 1st to May 6th, our team will be off enjoying some well-deserved downtime.

During this time, our customer support will be running on a smaller crew, but don't worry! We'll still be around to help with any urgent matters, though it might take us a bit longer than usual to get back to you.

We'll be back in action at full throttle on May 7th (Tuesday), ready to tackle your questions and requests with gusto!

In the meantime, you can explore our documentation for Amelia and wpDataTables. You'll find loads of helpful resources, including articles and handy video tutorials on YouTube (Amelia's YouTube Channel and wpDataTables' YouTube Channel). These gems might just have the answers you're looking for while we're kicking back.

Thanks a bunch for your understanding and support!

Catch you on the flip side!

Warm regards,

TMS

Okay
  Public Ticket #3622202
Format Column
Open

Comments

  • Jürgen Zietlow started the conversation

    The horizontal scroll bar is switched on again in the Display menu after saving. This means that it is not possible to set the individual widths of the columns consistently. 

    I have created my table with 27 columns. Then I deleted columns again to see whether the horizontal scrollbar then remains switched off. But this is not the case. It always switches on again. 

    In the end, I need 7 invisible, filterable columns and 20 visible ones. All of this should fit in 1,500 PX width and ideally also be responsive. 

    Is that even possible? 

    If my requirements are too high, please let me know. This would save your and my time and we could program a table ourselves. 

    Best regards

    Juergen

  •  1,692
    Miloš replied

    Hi Juergen,

    Sorry for the waiting time.

    We don't work on weekends so it adds two days to the waiting time.

    We appreciate your patience.

    -

    Can you please check do you have the "Fixed columns' enabled in the Advanced settings? If you have the Fixed Columns enabled, this will 'force' the Horizontal "scrollable" option on the Display settings.

    6853764500.png
    5872718742.png


    2. When it comes to Custom Column Width, this is only possible if you have the "Limit table width" from the Display Settings.

    As we mention on this Page :

    If you enable Limit Table Width, the Scrollable slider will be hidden from view. 

    The same logic applies in reverse fashion (if Scrollable is enabled, you won’t see Limit Table Width). Also, Word Wrap function appears, and can be enabled when Limit Table Width slider is enabled.

    So to summarize, with the built-in options, you won't be able to have Fixed Columns combined with "Limit table width" option;

    thus, if you don't have that option > then you won't see the Custom Width in the Column's display settings.



    3. We only have this workaround, if you need to set custom column width combined with "Horizontal scrollable" option :


    First enable "scrollable" in the Display tab, then you can add this custom CSS to the table's customize / Custom CSS tab :

    .wpDataTablesWrapper table.scroll.wpDataTableID-1 {  
      width: max-content !important;    table-layout: fixed !important;
    }
    .wpDataTableID-1 th.column-strap {   
      width:300px !important;
    }
    

    You will have to replace the table ID with your table's ID,

    and for the column name, you have to set the "origin header name" of the column, after this part : "th.column-"

    For example, on my test table here,

    3508070018.png

    if i wish to add the custom width in this CSS for the "firstname" column,

    it would be 

    .wpDataTableID-2671 th.column-firstname {
         width:300px !important;
    }
    1421007837.png

    Let me know if that helped.

    Thank you


    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  • Jürgen Zietlow replied

    Hello Miloš,

    Thank you very much for your efforts. That was very helpful. Your first tip also worked. But I'm reaching my limits with 27 columns. I think your technology is great, but I couldn't adjust row heights with CSS, for example.

    I also don't find it practical that certain functions have to be purchased. That makes it difficult to get to know the system. e.g. Master-Detail Tables would have been great, but that's an add-on. 

    Your technology can do a lot! But I miss CSS simplicity. But I might come back again. Now I don't have the time to check everything essential within 15 days. That's why I've canceled for now. A 30-day trial version would have been better. Then I would have taken the time to overcome these hurdles. 

    Either way, many thanks for the service. The tool itself is great!

    Best Regards 

    Jürgen

  •   Miloš replied privately
  •   Miloš replied privately