因为数据表是如何实现的,你可以设置宽度为所有列,但一个。然后,该专栏将设计成占据剩余的空间。

但是,我们不希望这样。所以,我所做的是在文件的CSS部分添加一个新条目。

我说:

table#tblNotes {

max-width:580px;

}

这就使得其宽度不超过580(长)整个表格。我通过将两列宽度加在一起(80px + 500px)得到了这个数字。然后,我在“注释”下删除了宽度代码。现在它完美地工作。

table#tblNotes {

max-width:580px;

}

DateNote

$(document).ready(function(){

$("#tblNotes").DataTable({

"ajax" : {

"url": "test.json",

"type" : "post",

"dataType" : "json",

"data" : function(d){

return {

idProject : $("#pn-idProject").val()

};

}

},

"columns" :

[

{"data" : "dComment", "width" : "80px", "orderable" : true},

{"data" : "cComment", "width" : "500px", "orderable" : false}

]

});

});

datables自定义ajax,JQuery DataTables.net自定义列宽度在ajax加载后不起作用相关推荐

  1. jQuery DataTables 的几个坑,异步加载(服务器)、监听、重载等等

      今天真的被这破插件气疯了,于是有了下面的截图.此文不定期更新,要是有新坑欢迎来填. jQuery DataTables 的几个坑,监听.重载等等 看看截图娱乐娱乐 好了,正事儿要紧,先来说说这玩意 ...

  2. 自定义ajax脚本出粗哦,jQuery DataTables插件自定义Ajax分页实例解析

    一.问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分类效果. 后端的分页接口已经写好了,不涉及条件查询,需要传入页码(pageNo)和页面显示数 ...

  3. chrome 自动加载ajax.googleapis,使用Redirector插件解决googleapis公共库加载的问题

    最近访问一些面向国外的网站总是会出现ajax.googleaips.com无法加载的情况.以下为加载stackoverflow时的情境: 图1 -无法加载的google公共库 问题的原因是谷歌没有在国 ...

  4. jQuery源码解析(3)—— ready加载、queue队列

    ready.queue放在一块写,没有特殊的意思,只是相对来说它俩可能源码是最简单的了.ready是在dom加载完成后,以最快速度触发,很实用.queue是队列,比如动画的顺序触发就是通过默认队列'f ...

  5. datatables动态表头ajax,jQuery Datatables - 来自AJAX响应的表头

    我正在通过Datatables ajax请求检索包含不同行长度的数据集 . 例如,一个响应可能是: ... ['jan', 'feb', 'march', 'april'] ... 不同的响应只会是: ...

  6. 微博的自定义Android,Android ProgressBar 自定义样式(二),仿原来新浪微博图片加载样式...

    如: 在xml布局文件中设置: android:id="@+id/progressBar1" style="?android:attr/progressBarStyleH ...

  7. jqgrid ajax reload,于jqgrid.trigger('reloadGrid')方法不能重新加载页面的问题

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 写了一段代码: function filterSaved() { $("#jQGridPOC").jqGrid('setGridPar ...

  8. element表格固定表头每列宽度,最右侧固定后,溢出出现滚动条内容和表头不能同时移动

    当最右侧固定,前面因为设置了固定宽度,所以宽度不够就会出现滚动条,但是我们发现,出现滚动条的时候,只是内容向右滑动了,表头固定没有变,被固定最右侧的订单号列遮挡 此时发现因为设置了 overflow: ...

  9. html手机页面下拉加载更多,jQuery手机端上拉刷新下拉加载更多页面

    基于jQuery手机端上拉下拉刷新页面代码.这是一款类似QQ空间客户端或者微信下拉刷新页面特效代码.效果图如下: 实现的代码. html代码: row 10 row 9 row 8 row 7 row ...

最新文章

  1. etcd 笔记(01)— etcd 简介、特点、应用场景、常用术语、分布式 CAP 理论、分布式原理
  2. php类使用场景,php类与对象得使用场景
  3. python读取文件多行内容-python 逐行读取文件的几种方法
  4. Java数据结构和算法:二叉树
  5. Hibernate 注解映射
  6. Oracle学习:分组数据(group by)与笛卡尔积
  7. 机器学习降维算法五——KPCA算法
  8. SpringMVC中的拦截器、过滤器的区别、处理异常
  9. linux下部署tomcat的备忘
  10. 最近了解过的一个支付接口
  11. 4K视频在线看,网速跟不上怎么办?
  12. Ansible详解(十五)——Ansible Role实战
  13. 图解eclipse+myelcipse开发EJB
  14. 【面向代码】学习 Deep Learning(一)Neural Network
  15. 韦东山linux嵌入式学习之路
  16. Airtest多点触控测试
  17. Python输入一个表示星期的数字(1表示星期一,2表示星期二......6表示星期六,7表示星期日),输出对应的星期英文单词
  18. CWnd::WindowProc的理解
  19. 线性代数考研笔记(三)
  20. SQL语句中having与where的区别

热门文章

  1. java网站开发框架搭建手册_Javaweb項目框架搭建
  2. Struts2增删改查 myeclipse开发文档加项目源码及eclipse开发项目源码
  3. 打印设置自定义表尾_如何自定义凭证汇总表打印页面设置
  4. pages文件服务器地址,Pages怎么设置目录 Pages如何设置目录
  5. [bzoj3930] [CQOI2015]选数
  6. DIV+CSS 让同一行的图片和文字对齐
  7. FFmpeg数据结构:AVPacket解析
  8. 多线程快速入门 123
  9. 由内省引出JavaBean的讲解
  10. 20万+奖金池,“智在飞翔”2021 • 无人飞行器智能感知大赛,战火重燃 • 等你来战!!...