How can I set the height of a data-table-column?
How can I set the height of a data-table-column?
Arcade
Posts: 3Questions: 2Answers: 0
I've been trying out DataTables.net and I followed this example: https://www.npmjs.com/package/angular-4-data-table . Here you can see some code like :
<
div id="dataTableDiv" *ngIf="tableResource !== undefined;else waitingText">
<data-table id="eaditemsGrid"
headerTitle="EAD Process items"
[items]="items"
[itemCount]="itemCount"
(reload)="reloadItems($event)"
(rowClick)="rowClick($event)"
(rowDoubleClick)="rowDoubleClick($event)"
[rowTooltip]="rowTooltip"
>
<data-table-column
[property]="'id'"
[header]="'id'"
[sortable]="true"
[resizable]="true"
[width]="300">
</data-table-column>
>>...
As you can see "width" is a good property, but "height" not, also trying to change the height of the "tr" in my "dataTableDiv" via css doesn't seem to work... Does anyone have an idea of how I can change the height of each tr or row of data to my own value (like 150 px for example)?
This discussion has been closed.
Answers
Hi @Arcade ,
Have a look at this thread here, there's an example on how to change it in the CSS.
Cheers,
Colin
Hi @colin,
this is what I've tried unfortunately
and I couldn't get it to work.
I have something like this:
or just doing it on "tr" or "#id tbody > tr > td" etc... it all doesn't work and doesn't seem to apply to my html
!
I just checked your link above, and https://github.com/MIt9/angular-4-data-table-demo is nothing to do with this DataTables I'm afraid, so best to ask on their forum/site.
Cheers,
Colin