Squeezed Columns when using DataGrid2 with multiple Columns

0
Hello dear community, I have an unpleasant problem with DataGrid2. I have a relatively large number of columns in my DataGrid2. As soon as I display them, the column name is displayed very squashed. The column names are barely recognizable. Is there no way to incorporate horizontal scrolling so that the column names are not squashed in?  I have not yet found a solution. This YouTube video didn't help me either:   https://www.youtube.com/watch?v=2W3qx2LtplU   I would be grateful for any tips.   Thanks.
asked
2 answers
0

Hi Hamid,

Here is css that will add a horizontal scroll bar on smaller screen, just adjust this css to your needs.

    scroll-datagrid2 {

        overflow: auto;

        > .table {

            width: calc(100% - 2px);

            min-width: 1720px;

            .table-content {

                .th:first-child, .td:first-child {

                    min-width: auto;

                }

                .th:not(:first-child), .td:not(:first-child) {

                    //min-width: 70px; //was interfering with column resizer

                }

                .th:last-child, .td:last-child {

                    min-width: 30px;

                }

            }

        }

Best regards, Slavko

answered
0

image.pngas u can see it's impossible to read the names.

answered