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

shellxsoftware free asked 2 years 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.

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">
        <th *ngFor="let header of displayedColumns" scope="col" [mdbTableSortHeader]="header.key">
          {{ header.label.text | titlecase }}
    <tbody class="datatable-body" *ngIf="!loading">
      <tr *ngFor="let data of" scope="row" []="selections.has(data)">
            <!-- rows here -->

Arkadiusz Idzikowski staff commented 2 years 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.


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



Specification of the issue

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