datables自定义ajax,JQuery DataTables.net自定义列宽度在ajax加载后不起作用
因为数据表是如何实现的,你可以设置宽度为所有列,但一个。然后,该专栏将设计成占据剩余的空间。
但是,我们不希望这样。所以,我所做的是在文件的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加载后不起作用相关推荐
- jQuery DataTables 的几个坑,异步加载(服务器)、监听、重载等等
今天真的被这破插件气疯了,于是有了下面的截图.此文不定期更新,要是有新坑欢迎来填. jQuery DataTables 的几个坑,监听.重载等等 看看截图娱乐娱乐 好了,正事儿要紧,先来说说这玩意 ...
- 自定义ajax脚本出粗哦,jQuery DataTables插件自定义Ajax分页实例解析
一.问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分类效果. 后端的分页接口已经写好了,不涉及条件查询,需要传入页码(pageNo)和页面显示数 ...
- chrome 自动加载ajax.googleapis,使用Redirector插件解决googleapis公共库加载的问题
最近访问一些面向国外的网站总是会出现ajax.googleaips.com无法加载的情况.以下为加载stackoverflow时的情境: 图1 -无法加载的google公共库 问题的原因是谷歌没有在国 ...
- jQuery源码解析(3)—— ready加载、queue队列
ready.queue放在一块写,没有特殊的意思,只是相对来说它俩可能源码是最简单的了.ready是在dom加载完成后,以最快速度触发,很实用.queue是队列,比如动画的顺序触发就是通过默认队列'f ...
- datatables动态表头ajax,jQuery Datatables - 来自AJAX响应的表头
我正在通过Datatables ajax请求检索包含不同行长度的数据集 . 例如,一个响应可能是: ... ['jan', 'feb', 'march', 'april'] ... 不同的响应只会是: ...
- 微博的自定义Android,Android ProgressBar 自定义样式(二),仿原来新浪微博图片加载样式...
如: 在xml布局文件中设置: android:id="@+id/progressBar1" style="?android:attr/progressBarStyleH ...
- jqgrid ajax reload,于jqgrid.trigger('reloadGrid')方法不能重新加载页面的问题
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 写了一段代码: function filterSaved() { $("#jQGridPOC").jqGrid('setGridPar ...
- element表格固定表头每列宽度,最右侧固定后,溢出出现滚动条内容和表头不能同时移动
当最右侧固定,前面因为设置了固定宽度,所以宽度不够就会出现滚动条,但是我们发现,出现滚动条的时候,只是内容向右滑动了,表头固定没有变,被固定最右侧的订单号列遮挡 此时发现因为设置了 overflow: ...
- html手机页面下拉加载更多,jQuery手机端上拉刷新下拉加载更多页面
基于jQuery手机端上拉下拉刷新页面代码.这是一款类似QQ空间客户端或者微信下拉刷新页面特效代码.效果图如下: 实现的代码. html代码: row 10 row 9 row 8 row 7 row ...
最新文章
- etcd 笔记(01)— etcd 简介、特点、应用场景、常用术语、分布式 CAP 理论、分布式原理
- php类使用场景,php类与对象得使用场景
- python读取文件多行内容-python 逐行读取文件的几种方法
- Java数据结构和算法:二叉树
- Hibernate 注解映射
- Oracle学习:分组数据(group by)与笛卡尔积
- 机器学习降维算法五——KPCA算法
- SpringMVC中的拦截器、过滤器的区别、处理异常
- linux下部署tomcat的备忘
- 最近了解过的一个支付接口
- 4K视频在线看,网速跟不上怎么办?
- Ansible详解(十五)——Ansible Role实战
- 图解eclipse+myelcipse开发EJB
- 【面向代码】学习 Deep Learning(一)Neural Network
- 韦东山linux嵌入式学习之路
- Airtest多点触控测试
- Python输入一个表示星期的数字(1表示星期一,2表示星期二......6表示星期六,7表示星期日),输出对应的星期英文单词
- CWnd::WindowProc的理解
- 线性代数考研笔记(三)
- SQL语句中having与where的区别
热门文章
- java网站开发框架搭建手册_Javaweb項目框架搭建
- Struts2增删改查 myeclipse开发文档加项目源码及eclipse开发项目源码
- 打印设置自定义表尾_如何自定义凭证汇总表打印页面设置
- pages文件服务器地址,Pages怎么设置目录 Pages如何设置目录
- [bzoj3930] [CQOI2015]选数
- DIV+CSS 让同一行的图片和文字对齐
- FFmpeg数据结构:AVPacket解析
- 多线程快速入门 123
- 由内省引出JavaBean的讲解
- 20万+奖金池,“智在飞翔”2021 • 无人飞行器智能感知大赛,战火重燃 • 等你来战!!...