Getting List Control to show all columns in PDF

Forms
1

I have a really frustrating issue where my list control is not displaying all columns in the PDF view.

In the attached example I have To and From date columns which don't seem to responsively expand, I have not set any minimum width, but have made the table 100%. There is clearly space for the columns, because City and Country have an excess of white space.

image
image1266×283 31.8 KB

Can you help me? I put a class on the table called Itinerary and used the following CSS

.k-pdf-export .itinerary table {
width: 100% !important;
padding: 2px !important;
font-size: 10px !important;
margin: 2px !important;
}

.k-pdf-export .itinerary table:th {
width: 100% !important;
}

.k-pdf-export .itinerary table:td {
width: 100% !important;
}

2

Hello @abolam,

You can change the width of a specific column of List or Library control when exporting form to PDF using CSS styling, for instance, set the width of the second column:

.k-pdf-export .itinerary .fd-sp-datatable-wrapper table tr th:nth-of-type(2) {
    min-width: 150px;
}
1 Like