javascript - 数据表的省略号渲染

标签 javascript json datatables

我正在做一个需要使用数据表的 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>

感谢任何帮助

提前致谢

最佳答案

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

然后简单地下载/复制插件脚本,按照这个示例代码

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

关于javascript - 数据表的省略号渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51587181/

相关文章:

javascript - 如何在 asp.net 中访问 page_load 之外的 __doPostBack Eventtarget 值?

javascript - 如何添加按钮并向其添加事件

javascript - 按多个键过滤 JSON 数据

javascript - base64图像中的嵌入字体

java - PrettyPrint JSON 与 jackson

javascript - 如何从外部嵌套 json 文件加载数据并打印值

JQuery 数据表搜索问题

jquery - 在两个数据表之间拖放

javascript - 数据表:计算具有特定文本的行数

javascript - 创建对 Angular 线 border-radius