Answers

• kthorngren Posts: 20,425Questions: 26Answers: 4,794

  March 2022

  Sounds like the ellipsis rendering plugin will do what you want.

  Kevin
• soma1204 Posts: 34Questions: 6Answers: 0

  March 2022 edited March 2022

  Can we use this along with hiding columns.

  tried following way , it didn't work.

  "columnDefs": [
              {
                  "targets": [2, 3, 6, 7, 12],
                  "visible": false,
                                targets: 10,
                  render: $.fn.dataTable.render.ellipsis( 20, true )
  
              }
          ],
  

  Following one worked.

   "columnDefs": [
              {
                                            targets: 10,
                  render: $.fn.dataTable.render.ellipsis( 20, true )
  
              }
          ],
  

  Edited by Kevin: Syntax highlighting. Details on how to highlight code using markdown can be found in this guide
• kthorngren Posts: 20,425Questions: 26Answers: 4,794

  March 2022

  They need to be separate objects, like this:

  "columnDefs": [
              {
                  "targets": [2, 3, 6, 7, 12],
                  "visible": false,
              },
              {
                  targets: 10,
                  render: $.fn.dataTable.render.ellipsis( 20, true )
   
              }
          ],
  

  Kevin