数据表的省略号渲染器 [重复]答案

【问题标题】：Ellipsis render for Datables [duplicate]数据表的省略号渲染器 [重复]
【发布时间】：2018-07-30 04:57:44
【问题描述】：

我正在做一个需要使用数据表的 CI 项目，数据库中的某些内容有大量字符，我想将其限制为 150 个，我尝试使用发布的示例在数据表站点中没有运气，只是为了清楚我没有制作这个完整的脚本，我是从其他地方拿来的。

这是我的脚本

    <script type="text/javascript">
$(document).ready(function() {

   var st = $('#search_type').val();
    var table = $('#consulta-table').DataTable({
        "dom" : "<'row'<'col-sm-12'tr>>" +
                "<'row'<'col-sm-5'i><'col-sm-7'p>>",
      "processing": false,

        "pagingType" : "full_numbers",
        "pageLength" : 15,
        "serverSide": true,
        "orderMulti": false,
        "order": [
        <?php if($default_order != null) : ?>
          [<?php echo $default_order ?>, "<?php echo $default_order_type ?>"]
        <?php else : ?>
            [6, "desc"]
        <?php endif; ?>
        ],
        "columns": [
        null,
        null,
        null,
        null,
        null,
        { "orderable": false },
        { "orderable": false },
        null,
        { "orderable": false }
    ],
        "ajax": {
            url : "<?php echo site_url("consultas/consultas_page/" . $page . "/" . $catid) ?>",
            type : 'GET',
            data : function ( d ) {
                d.search_type = $('#search_type').val();
            }
        },
        "drawCallback": function(settings, json) {
        $('[data-toggle="tooltip"]').tooltip();
      }
    });
    $('#form-search-input').on('keyup change', function () {
    table.search(this.value).draw();
});

} );
function change_search(search) 
    {
      var options = [
        "search-like", 
        "search-exact",
        "title-exact",
        "title2-exact",
        "title3-exact",
        "title4-exact",
        "title5-exact",
        "title6-exact",
      ];
      set_search_icon(options[search], options);
        $('#search_type').val(search);
        $( "#form-search-input" ).trigger( "change" );
    }

function set_search_icon(icon, options) 
    {
      for(var i = 0; i<options.length;i++) {
        if(options[i] == icon) {
          $('#' + icon).fadeIn(10);
        } else {
          $('#' + options[i]).fadeOut(10);
        }
      }
    }
</script>

感谢任何帮助

提前致谢

【问题讨论】：

这不是加样式的问题吗？可能是这样的><td style="max-width: 307px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;">

标签： javascript json datatables

【解决方案1】：

你试过this了吗？它是datatables.net 社区下的人们提供的官方插件。您只需按照那里的说明进行操作即可。

然后只需下载/复制插件脚本，按照此示例代码进行操作

$('#myTable').DataTable( {
columnDefs: [ {
    targets: 0,
    render: $.fn.dataTable.render.ellipsis()
} ]} );

【讨论】：

我试过了，使用后数据不会加载