License Error

The license of the app Translations for Confluence (formerly Language Macros) has expired. Please renew the license.


Resizing Datalist Column example

In your userview builder's settings, add the CSS.

Custom CSS
body .dataList th, body .dataList td {
    display: inline-block;
}

.dataList table {
    width: max-content !important;
}

And in Custom Javascript, add in the code below.

Custom Javascript
$(function(){
    var n = 1;
    $("tbody > tr:first > td").each(function(){
        var width = $(this).css("width");
        
        //make column header the same width as first data row
        $("thead > tr > th:nth-child(" + n + ")").css("width", width);
        
        //make other data column the same width as first data row
        $("tbody > tr > td:nth-child(" + n + ")").css("width", width);
        
        n++;
    });
});
  • No labels