Topic: DataTable clip additional text in cell with an ellipsis

NitinMistry free asked 4 years ago


Expected behavior DataTable cell should crop extra text and display an ellipsis (...) after max 2 lines of text.

Actual behavior DataTable cell shows all of the text by expanding vertically. This makes the entire table look bad.

Resources (screenshots, code snippets etc.) http://delamanospanish.com/DataTable.png


NitinMistry free answered 4 years ago


Thanks Mateusz for your quick revert. I actually figured the solution...

td {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Mateusz Łubianka staff answered 4 years ago


Hi NitinMistry,

At this moment it isn't possible but I think it's very good idea. Than you for your post.

Best,


FREE CONSULTATION

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

Status

Closed

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.11
  • Device: Desktop
  • Browser: Chrome Version 78.0.3904.108
  • OS: Windows 8.1
  • Provided sample code: No
  • Provided link: Yes
Tags