重点:  当数据长度大于20, 只展示前16个字符,后面的用...代替

var table = $("#datatable-buttonss").DataTable({
"aaSorting": [[ 3, "asc" ]],
"search": "全文搜索",
"pageLength": 16, // 每页展示数量
"lengthMenu": [16, 32, 48],
"displayStart": 0,
// "sPaginationType": "full",
"bJQueryUI" : true,
"sZeroRecords" : "没有您要搜索的内容",
"bPaginate": true, //翻页功能
"bInfo": true,//页脚信息
"bAutoWidth": false,//自动宽度
// "bRetrieve": true,
// "bProcessing": true, //DataTables载入数据时,是否显示‘进度’提示
// "bServerSide" : true, //是否启动服务器端数据导入#}
// "bStateSave" : true, //是否打开客户端状态记录功能,此功能在ajax刷新纪录的时候不会将个性化设
ajax:"/task_mgm/taskDataMine2" + myparas,
"columnDefs":[
{
"targets": [ 0 ],
"Sorting": false,
"width": "5%",
"visible": false
},
{
"targets": [ 1 ],
"Sorting": false,
"render": function ( data, type, row, meta ) {
var order1 = meta.settings._iDisplayStart + meta.row + 1;
var order2 = order1+'、'; // 为每行数据添加索引 如1、 2、 3、 ...
return type === 'display' && data.length > 20 ?
'<span title="'+data+'">'+ data.substr( 0, 16 ) +'...</span>' :order2+data;} // 当数据长度大于20, 只展示前16个字符,后面的用...代替
}, // 给长字符串加省略号
{
"targets": [ 2 ],
"Sorting": false,
"width": "15%",
"render": function (data, type, meta) {
if(data == '非常紧急') {return '<a class="sorting_1" style="background-color: #D94600;">'+ data +'</a>'}
else if(data == '紧急任务') {return '<a class="sorting_1" style="background-color: #F9F900;”'+ data +'</a>'}
else {return '<a class="sorting_1" style="'+ data +'</a>'}
} // 为数据设置不同的背景
},
{"targets": [ 3 ],
      "render": function ( data, type, row, meta ) {     
    var pageType = '?pageType=allPage';
    if (type === 'display' && data.length > 20) {
    return '<a id="rrrrr" href="/task_mgm/taskinfo_editID=' + row[0] + pageType + '">'+ data.substr(0, 16) + '...</a>'
    }                                // 点击跳转的实现
    else {
    return '<a id="taskFocus" href="/task_mgm/taskinfo_editID='+ row[0] + pageType + '">' + row[1] + '</a>'
    }
      }
},
{"targets": [ 4 ],
"Sorting": false,
}, {
"targets": [ 5 ],
"width": "28%",
"text-align": "center",
"orderable": false,
// "defaultContent": '<i class="fa fa-edit" id="edit">编辑</i>&nbsp;<i class="fa fa-times" id="delete">删除</i>&nbsp;<i class="fa fa-star-o" id="focus">关注</i>&nbsp;<i class="fa fa-share-square-o" id="share">分享</i>',
"render": function (data, type, full) {
if(data == 0){return '<i class="fa fa-edit" id="edit">编辑</i>&nbsp;<i class="fa fa-times" id="delete">删除</i>&nbsp;<i class="fa fa-star-o" id="focus">关注</i>&nbsp;<i class="fa fa-share-square-o" id="share">分享</i>';}
else {return '<i class="fa fa-edit" id="edit">编辑</i>&nbsp;<i class="fa fa-times" id="delete">删除</i>&nbsp;<i class="fa fa-star" id="focus">已关注</i>&nbsp;<i class="fa fa-share-square-o" id="share">分享</i>';} } }, ],});

对Datatable中过长内容实行省略话的更多相关文章

  1. 使用OpenXML将Excel内容读取到DataTable中

    前言:前面的几篇文章简单的介绍了如何使用OpenXML创建Excel文档.由于在平时的工作中需要经常使用到Excel的读写操作,简单的介绍下使用 OpenXML读取Excel中得数据.当然使用Open ...

  2. C#-导入Excel 内容到 DataTable中

    C#-导入Excel 内容到 DataTable中 直接传入文件路径,支持所有Excel格式. 缺点:如果数据量庞大会很占内存. public static DataTable ImportExcel ...

  3. table中的td内容过长显示为固定长度,多余部分用省略号代替

    如何使td标签中过长的内容只显示为这个td的width的长度,之后的便以省略号代替. 给table中必须设置属性: table-layout: fixed; 然后给 td 设置: white-spac ...

  4. C#中DataTable中的Compute方法使用收集

    原文: C#中DataTable中的Compute方法使用收集 Compute函数的参数就两个:Expression,和Filter. Expresstion是计算表达式,关于Expression的详 ...

  5. 在DataTable中更新、删除数据

    /*在DataTable中选择记录*/            /* 向DataTable中插入记录如上,更新和删除如下:             * ----但是在更新和删除前,首先要找出要更新和删除 ...

  6. 数据库:MySQL实战;左链接;查询WordPress数据库中的文章内容

    在1年前,我用学生价租了一个阿里云服务器(是真的便宜啊),自己在CentOS系统上用命令行搭了个WordPress的环境,开始了为期一个月使用自建博客的历程. 事实证明,博客在类似博客园这样的平台上写 ...

  7. 使用NPOI导入导出Excel(xls/xlsx)数据到DataTable中

    using System; using System.Collections.Generic; using System.Text; using System.IO; using NPOI.SS.Us ...

  8. winfrom 使用NPOI导入导出Excel(xls/xlsx)数据到DataTable中

    1.通过NUGET管理器下载nopi,在引入命令空间 using System; using System.Collections.Generic; using System.Text; using ...

  9. 【咸鱼教程】Egret中可长按复制的文本(例如复制优惠码)

    一 实际效果二 实现原理三 源码下载 在egret中实现长按复制文本效果,一般用于复制优惠码什么的. 一 实际效果         二 实现原理 在egret的游戏元素都是绘制在canvas上的,我们 ...

随机推荐

  1. 30个值得关注的Vue开源项目

    译者按: 学习优秀的开源项目是提高代码水平最有效的方式. 原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018) 译 ...

  2. Windows中nvm使用

    介绍:在两个项目且使用的node版本不一样时,维护多个版本的node, 安装:下载安装目录:https://github.com/coreybutler/nvm-windows/releasesnvm ...

  3. geoserver发布瓦片,geoserver发布arcgis切片和geoserver发布金字塔切片

    1 转https://www.jianshu.com/p/cf046ec1efd2,分享使用geoserver发布arcgis切片 2 转 http://www.it610.com/article/1 ...

  4. arcgis for js开发之路径分析

    arcgis for js开发之路径分析 //方法封装 function routeplan(x1, x2, y1, y2, barrierPathArray, isDraw, callback) { ...

  5. 利用自定义View实现扫雷游戏

    游戏规则: 简单版的扫雷事实上就是一个9×9的矩阵,其中有十个点是雷,非雷方块的数字代表该方块周围八个方块中雷的个数.通过长按某一方块(方块会变红)认定该方块为玩家认为的雷,通过短按某一方块来“展开” ...

  6. ionic获取表单input的值的两种方法

    1.参数传递法 直接在input处使用 #定义参数的name值,注意在ts中参数的类型 html页面: <ion-input type="text" placeholder= ...

  7. c/c++ 多线程 等待一次性事件 异常处理

    多线程 等待一次性事件 异常处理 背景:假设某个future在等待另一个线程结束,但是在被future等待的线程里发生了异常(throw一个异常A),这时怎么处理. 结果:假设发生了上面的场景,则在调 ...

  8. 【转载】IIC SPI UART串行总线

    一.SPISPI(Serial Peripheral Interface,串行外设接口)是Motorola公司提出的一种同步串行数据传输标准,在很多器件中被广泛应用. 接口SPI接口经常被称为4线串行 ...

  9. LeetCode算法题-Maximum Product of Three Numbers(Java实现)

    这是悦乐书的第275次更新,第291篇原创 01 看题和准备 今天介绍的是LeetCode算法题中Easy级别的第143题(顺位题号是628).给定一个整数数组,从其中找出三个数,使得乘积最大.例如: ...

  10. 阿里Canal安装和代码示例

    Canal的简单使用 canal可以用来监控数据库数据的变化,从而获得新增数据,或者修改的数据,用于实际工作中,比较实用,特此记录一下 Canal简介 canal是应阿里巴巴存在杭州和美国的双机房部署 ...