Topic: table-sm not working (nor [sm]="true)

shellxsoftware priority asked 1 year ago


Expected behavior Basically my rows height are way too big for me. I want them to be smaller.

Actual behavior I tried to use table-sm and [sm]="true" on my table with no success. Rows height is still same.https://i.gyazo.com/1edfadde7bde76b212e54bffc6d090f0.png

Resources (screenshots, code snippets etc.)

<div class="datatable">
  <table class="table table-bordered datatable-table table-sm" mdbTable #table="mdbTable" mdbTableSort #sort="mdbTableSort"
    (sortChange)="onSortChange($event)" [dataSource]="(dataSource$ | async)!" striped="true">
    <thead class="datatable-header">
      <tr>
        <th *ngFor="let header of displayedColumns" scope="col" [mdbTableSortHeader]="header.key">
          {{ header.label.text | titlecase }}
        </th>
        <th>
          Actions
        </th>
      </tr>
    </thead>
    <tbody class="datatable-body" *ngIf="!loading">
      <tr *ngFor="let data of table.data" scope="row" [class.active]="selections.has(data)">
            <!-- rows here -->
      </tr>
    </tbody>
  </table>
</div>

Arkadiusz Idzikowski staff commented 11 months ago

@shellxsoftware Thank you for reporting this problem. It looks like a bug, we will take a closer look at that.

As a workaround for now, please try to add datatable-sm class to the div with datatable class.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 1.3.0
  • Device: --
  • Browser: --
  • OS: --
  • Provided sample code: No
  • Provided link: Yes