Question

我正在一个需要使用数据表的CI项目中，数据库中的某些内容包含大量字符，我想将这些字符限制为150个，我尝试使用发布的示例在datatables网站上没有运气，请注意，我没有编写完整的脚本，而是从其他地方获取的。

这是我的剧本

    <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>

感谢您的帮助

预先感谢

Answer 1

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

只需下载/复制插件脚本，然后按照以下示例代码

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

椭圆渲染为Datables

1 个答案: