coreui / coreui-angular

CoreUI Components Library for Angular https://coreui.io/angular/docs/
https://coreui.io/angular/
MIT License
248 stars 146 forks source link

Smart-Table width #151

Closed 32x0lf closed 1 year ago

32x0lf commented 1 year ago

I am using Light theme v3 of angular pro.

When using the smart table with more than 10 columns the _style:{width: '40%'} are not working. I tried 4 columns and width works.

<c-smart-table #smartTable="cSmartTable"
  activePage
  cleaner
  clickableRows
  [columnSorter]="true"
  [columns]="columns"
  header
  [itemsPerPageSelect]="true"
  [itemsPerPage]="10"
  [items]="tblaccount"
  pagination
  selectable
  [tableFilter]="true"
  [tableFilterLabel]="searchLabel"
  [tableFilterPlaceholder]="searchText"
  [tableHeadProps]="{ color:'warning' }"
  [tableProps]="{ hover: true, striped: true, responsive: true }"
>
</c-smart-table>

Bug reports must include:

xidedix commented 1 year ago

@32x0lf What about, sth like:

_style: { minWidth: '40vmin', width: '40vw' },
32x0lf commented 1 year ago

@xidedix
Thanks it works.w