sb admin2 jquery datatable指定列宽,指定特殊列的宽度

首先找到你的datatable id,从HTML源代码中找:

<table width="100%" class="table table-bordered table-hover" id="dataTables-example">

然后在html中直接编写一个javascripts,如下

   <script>
    $(document).ready(function() {
        $(‘#dataTables-example‘).DataTable({
            columnDefs: [
                { "width": "10%", "targets": 1 }
            ],
        });
    });
    </script>

注意:target 指定生效在哪一个列,0表示第一列,1表示第二列。。。
,改完如下:

原文地址:http://blog.51cto.com/ipcpu/2141868

时间: 2024-08-05 05:22:55

sb admin2 jquery datatable指定列宽,指定特殊列的宽度的相关文章

CSS 控制table 滑动及调整列宽等问题总结

一. 通过css控制table y方向上滚动 html中没有滚动条,可以根据overflow属性的scroll来对table显示不完全的内容进行滚动. 只是y方向上滚动,很简单,只要设置div的height高度.然后设置overflow-y:scroll.这样当内容高度超过了height设定的高度,就会出现滚动条 css: .scroll_y{ max-height: 200px; /* 宽度大概比表头宽17px,具体值实际调试 */ width:531px; overflow-y: scrol

jQuery如何获取表格的指定行和列

jQuery如何获取表格的指定行和列:在堆表格进行操作的时候往往要获取指定的行和咧,也就是需要进行精确的定位,本章节就简单的介绍一下如何实现此功能.一.获取指定的行:由于代码比较简单,这里就不给出完整的代码了,只给出代码片段:1.为表格最后一行单元格添加一个class类. $("#mytable tr:last").find("td").addClass("setcolor") 2. 为表格第一个行单元格添加一个class类. $($("

Web界面开发工具!Kendo UI for jQuery数据管理之网格列宽

Kendo UI for jQuery R1 2020 SP1试用版下载 Kendo UI目前最新提供Kendo UI for jQuery.Kendo UI for Angular.Kendo UI Support for React和Kendo UI Support for Vue四个控件.Kendo UI for jQuery是创建现代Web应用程序的最完整UI库. 要设置Grid列的宽度,请使用其width属性. 当您通过col元素从HTML表创建网格时,也可以设置列的宽度:但是,当对表

查看哪些表的哪些列含有指定字符串(如‘andy’存在哪些表的哪些列中)

-- 查看表中列含有指定字符.SQL> select * from demo1; NAME                                   ID------------------------------ ----------????                                    4andy                                    1andy1                                   2andy

本示例主要展示如何在XtraGrid网格控件(包含在DevExpress WinForms套包中)的主视图中指定HyperLinkEdit控件作为列编辑器

首先,我们需要创建一个相应的repository item,并将其添加到EditorContainer.RepositoryItems属性所指定的repository items的内部集合中.然后,利用GridColumn.ColumnEdit属性,将repository item分配到列. C# 1 RepositoryItemHyperLinkEdit repHyperLink = new RepositoryItemHyperLinkEdit(); 2 gridControl1.Repos

jQuery表格列宽可变,兼容firfox

本demo使用jQuery包,实现表格列宽可拖拽功能,并实现页面reset时的重新布局.使用jQuery,方便函数的调用,给要处理的表格添加id 后,直接调用$("#id").movedTh()即可方便实现,修改了firfox的兼容性. 代码如下: [javascript] view plaincopy <html> <head> <meta http-equiv="Content-Type" content="text/ht

jQuery可调整表和列宽插件-colResizable

最基本的例子 引入JS <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="js/colResizable-1.6.js" type="text/javascript"></script> 1 2 TABLE <table class="table t

最近在写后台管理平台,用到jQuery dataTable 一个比较实用的例子分享下

学习可参考:http://www.guoxk.com/node/jquery-datatables http://yuemeiqing2008-163-com.iteye.com/blog/2006942 1:导入包: URL:http://www.datatables.net/ 分别导入css和js文件 Html代码   <style type="text/css" title="currentStyle"> @import "css/dem

Jquery DataTable基本使用

1,首先需要引用下面两个文件 <link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" /> > 2,DataTable支持的数据类型 https://www.datatables.net/manual/data/ 2.1 数组 vardata = [ [ "Tiger Nixon", "