Okay
  Public Ticket #3622202
Format Column
Closed

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,846
    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

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    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