Topic: DataTable clip additional text in cell with an ellipsis
                  
                  NitinMistry
                  free
                  asked 6 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 6 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 6 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,
Closed
This topic is closed.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Closed
- 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