inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-4360] No growing cells for Datatable compoennt (#4561)

Browse Source
This commit is contained in:
davidcanonieto
2019-04-05 12:47:31 +01:00
committed by Eugenio Romano
parent 506ca306da
commit ec9d2785fa
3 changed files with 22 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
docs/core/components/datatable.component.md
View File

@@ -601,6 +601,23 @@ widths according to your needs:
![](../../docassets/images/datatable-expand-5.png)
#### No-growing cells
As mentioned before, in the beginning, all cells have the same width. You can prevent cells from growing by using the `adf-no-grow-cell` class.
```js
{
type: 'date',
key: 'created',
title: 'Created On',
cssClass: 'adf-ellipsis-cell adf-no-grow-cell'
}
```
Notice that this class is compatible with `adf-ellipsis-cell` and for that reason it has a `min-width` of `100px`. You can override this property in your custom class to better suit your needs.
![](../../docassets/images/datatable-no-grow-cell.png)
#### Combining classes
You can combine the CSS classes described above to customize the table as needed: