精华内容
下载资源
问答
  • 设置jqGrid宽度

    千次阅读 2019-05-06 17:58:03
    jqgrid属性:  width: Grid的宽度,如果未设置,则宽度应为所有列宽的之和;如果设置了宽度,则列的宽度将会根据...如果shrinkToFit为true且设置了width值,则每列宽度会根据width 成比例缩放;如果shrinkToFi...

    jqgrid属性:  

    width:

    Grid的宽度,如果未设置,则宽度应为所有列宽的之和;如果设置了宽度,则每列的宽度将会根据shrinkToFit选项的设置,进行设置。  

     shrinkToFit:

    此 选项用于根据width计算每列宽度的算法。默认值为true。如果shrinkToFit为true且设置了width值,则每列宽度会根据width 成比例缩放;如果shrinkToFit为false且设置了width值,则每列的宽度不会成比例缩放,而是保持原有设置,而Grid将会有水平滚动 条。  

    autowidth:

    默认值为false。如果设为true,则Grid的宽度会根据父容器的宽度自动重算。重算仅 发生在Grid初始化的阶段;如果当父容器尺寸变化了,同时也需要变化Grid的尺寸的话,则需要在自己的代码中调用setGridWidth方法来完 成。  这些属性只能是保证第一次时的宽度,当浏览器大小变化如还想让表格宽度自适应,就需要用jqgrid的方法setGridWidth,它有两个参 数,new_width,shr,当第二个参数不设置时会按照shrinkToFit的设置值或默认值,而第一个参数则要设置的新的宽度值,所以在些可用 js实现对浏览器宽度变化的自适应:  

    $(function(){   
    
        $(window).resize(function(){  
    
            $("#analyDataTab").setGridWidth($(window).width()*0.99); 
            $("#charDataTab").setGridWidth(document.body.clientWidth*0.99);  
    
        });  
    });  
    

    注:这里的百分比可按自己需要来设定,也可直接是浏览器的宽度大小。

     

    转自:https://blog.51cto.com/javaqun/1729613

    展开全文
  • table设置列宽度

    万次阅读 2017-02-22 21:18:12
    遇到一个表格不能设置宽度(table有宽度,有一两需要设固定大小的宽度并希望看到展现出来的宽度值与设定的一样,其他的则可以根据剩余宽度自动填充,但是显示出来的宽度比实际设置的值多了几个像素)这个问题,...

    遇到一个表格不能设置宽度(table有宽度,有一两列需要设固定大小的宽度并希望看到展现出来的宽度值与设定的一样,其他的列则可以根据剩余宽度自动填充,但是显示出来的宽度比实际设置的值多了几个像素)这个问题,百度了一下查到一些资料:

    首先贴资料,相信大家看了基本就了解了:


    tableLayout 属性用来显示表格单元格、行、列的算法规则。

    固定表格布局:

    固定表格布局与自动表格布局相比,允许浏览器更快地对表格进行布局。

    在固定表格布局中,水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距,而与单元格的内容无关

    通过使用固定表格布局,用户代理在接收到第一行后就可以显示表格

    自动表格布局:

    在自动表格布局中,列的宽度是由列单元格中没有折行的最宽的内容设定的

    此算法有时会较慢,这是由于它需要在确定最终的布局之前访问表格中所有的内容。(以上tableLayout的内容摘自http://www.w3school.com.cn/cssref/pr_tab_table-layout.asp)

    因此,在设定宽度的时候需要给table添加table-layout:fixed;。

    但是在给td设定了宽度以后还是不能正常显示,此时就需要一个其他的属性 col或colgroup,给col或者colgroup设置一个宽度即可解决问题。(一个有趣的点是当设定的宽度不是4的倍数的时候,列的宽度总会显示小数,即差那么一点才满设定的宽度,作为一个小菜鸡暂时没发现为啥,(lll¬ω¬))。


    
    
    

    下面贴个代码,仅供参考:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
    table,tr,td{
    border:1px solid;
    border-collapse:collapse;
    }
    table{
    width:1000px;
    table-layout:fixed;
    }
    tr,td{
    height:30px;
    }
    table>tbody>th>td{
    width: 40px;
    }
    /*设定td的宽度,无效*/
    /*#col1{
    width: 40px;
    }
    #col2{
    width: 80px;
    }
    #col4{
    width: 50px;
    }
    #col7{
    width: 120px;
    }*/
    </style>
    </head>
    <body>
    <table>
    <!--所有的宽度设定时,已设定宽度不能被4整除时会出现不能设定宽度,与列数多少无关-->
    <!--全部用colgroup-->
    <!--<colgroup align="center" width="100">
    </colgroup>
    <colgroup  />
    <colgroup  />
    <colgroup  />
    <colgroup />
    <colgroup />
    <colgroup style="width:90px;"/>
    <colgroup />-->
    <!--全部用col-->
    <!--<col width="90" />
    <col  />
    <col width="90" />-->
    <!--<col  />
    <col width="80"/>
    <col  />
    <col  />
    <col  />-->
    <!--colspan 和 col融合-->
    <colgroup span="3" width="90">
    <!--组合用时同样受4的倍数限定-->
    <col width="90"/>
    <col width="90"/>
    <col width="120"/>    
    </colgroup>
    <colgroup span="1"></colgroup>
    <colgroup width="80"></colgroup> <!--span缺省值为1-->
    <colgroup width="90"></colgroup>
    <colgroup span="2"></colgroup>
    <tr>
    <td id="col1">diyi</td>
    <td id="col1">diyi</td>
    <td id="col2">第二列</td>
    <td id="col3">第三列</td>
    <td id="col4">第四列</td>
    <td id="col5">第五列</td>
    <td id="col6">第六列</td>
    <td id="col7">第七列</td>
    </tr>
    <tr>
    <td>adfa</td>
    <td>飒飒东风</td>
    <td>谔谔</td>
    <td>打发</td>
    <td>打法微软</td>
    <td>啊多发点</td>
    <td>啊啊啊啊啊啊</td>
    <td>啊啊啊啊啊啊</td>
    </tr>
    <tr>
    <td>fasdfa</td>
    <td>阿斯蒂芬</td>
    <td>啊打发</td>
    <td>阿迪斯发</td>
    <td>爱的色放我</td>
    <td>的法沙发和</td>
    <td>啊啊啊啊啊啊</td>
    <td>啊打发</td>
    </tr>
    </table>
    </body>
    </html>


    展开全文
  • bootstrap-table 设置每列宽度

    千次阅读 2019-11-06 18:36:19
    第一次使用bootstrap的时候看了别人的介绍说是下面的代码就可以设置列宽了 html <table id="table" class="table table-striped table-bordered table-hover table-nowrap" data-operate-edit="{:$auth->...

    第一次使用bootstrap的时候看了别人的介绍说是下面的代码就可以设置列宽了

    html

     <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                               data-operate-edit="{:$auth->check('xcx_user/edit')}" 
                               data-operate-del="{:$auth->check('xcx_user/del')}" 
                               style="table-layout:fixed;word-break:break-all;">
                        </table>
    

    js

    {field: 'id', title: __('Id'),width:80},
    

    确实是可以设置了,但是文字过长不可以换行,最后发现table加的类名 有 table-nowrap 表示表格不换行,去掉就好了

    展开全文
  • Python-docx设置表格列宽度

    千次阅读 2019-11-11 17:44:34
    设置表格列宽的方法: table.cell(row,col).width=Inches(),指定单元格列宽,同单元格列宽相同。 from docx import Document from docx.shared import Inches document = Document() t = document.add_table...
    
     

    设置表格列宽的方法:

    table.cell(row,col).width=Inches(),指定单元格列宽,同列单元格列宽相同。

    from docx import Document
    from docx.shared import Inches
    
    document = Document()
    t = document.add_table(rows=3, cols=7, style='Light List Accent 5')
    t.alignment = WD_TABLE_ALIGNMENT.CENTER #表格居中
    col_width_dic = {0: 2, 1: 2, 2: 1, 3: 1, 4: 1, 5: 1, 6: 2}
    for col_num in range(7):
        t.cell(0, col_num).width = Inches(col_width_dic[col_num])

    注意:表的所有列宽度合计为10,所以在设置表格每列宽宽度时要同时设置所有列宽,并且合计为10。如果只设置某一列宽,那么其余列将平分剩余宽度。如果只设置某几列宽,将不起作用。

    展开全文
  • excel poi 设置列宽度

    万次阅读 2016-09-26 17:12:06
    sheet 要对列设置 宽度   HSSFSheet.setColumnWidth(i,value.toString().length() * 512);   不过要取中,value的最大值乘一个系数。     汉字是512,数字是256.     简单的话 可以设置...
  • datatables设置列宽度无效

    千次阅读 2019-03-25 21:51:37
    datatable插件具有很好的自动适应性,在大多数情况下可以自适应,完美的展示列表内容。 ...如果要修改其宽度,必须先将其设置为false,才可以修改起作用。 "bAutoWidth": false,//自动宽度。 ...
  • 语言c++ 例如要输出一个数据表到控制台,...在控制台输出效果类似于以上截图,左对齐或者右对齐,列设置固定的显示宽度,例如姓名列设置宽度为三个字符,年龄宽度为二个字符,联系电话的宽度设置为20个字符。
  • bootstraptable设置列宽度width

    万次阅读 2019-08-01 17:00:34
    给table标签设置 table-layout: fixed;...table-layout:fixed 的作用就是固定宽度的,但是只固定了标题头; word-break:break-all,此属性的含义是如果单元格内的数据在被列宽限制的情况下会换行...
  • 有时候我们想要设置表格的宽度为确定值。 并且希望表格中的内容 上下左右 居中 方法 开头加入 \usepackage{array} \newcolumntype{C}[1]{>{\centering}p{#1}} \setlength{\parindent}{15pt} \begin{center} \...
  • bootstrape table控件设置高度后,表头很容易错乱,根本原因在于我们给内容的table加上了table-Layout:fixed属性,而表头没有这个属性,因此为表头的表格也加上table-Layout:fixed属性即可(针对单行表头表格)...
  • 设置 JTable的列宽度和列高度

    千次阅读 2013-08-25 10:11:14
    设置 jtable中宽度,可以参见如下代码int columncount = this.jTable.getColumnCount(); for (int i = 1; i < columncount; i++) { this.jTable.getColumnModel().getColumn(i).setPreferredWid...
  • tableLayoutPanel 列宽度设置

    千次阅读 2017-07-07 23:51:00
    1 public partial class UserControl1 : UserControl 2 { 3 public UserControl1() 4 { 5 InitializeComponent();... this.tableLayoutPanel1.ColumnStyles[1] 为第二 , 0为第一
  • Element UI的表格table宽度自适应设置

    万次阅读 热门讨论 2018-03-23 16:05:22
    不要设置 width="110px" <el-table-column prop="login_id" align="center" label="工号"> </el-table-column> <el-table-column prop="login_id" width="110px" align="center" label=...
  • GridView列宽度设置(asp.net)

    千次阅读 2008-11-15 13:07:00
    其实问题很好解决,我们只要想到GridView是会自动给各列分配宽度像素的,所以,除非你设置的各列宽度刚好等于这个GridView的总宽度,否则它就不会根据你的意念来设置各列的宽度.解决的办法就是,留着一列不设置其宽度,在...
  • jquery datatable 设置指定宽度

    万次阅读 2017-06-10 15:59:11
    一、首先设置列的固定缩放为false 。 bSort: false, // 是否排序功能 bFilter: false, // 过滤功能 bPaginate: true, // 翻页功能 bInfo: t
  • jGrid表格里,通常宽度会自适应的填充至整个表格,一般当字段多的时候倒没什么关系。但如果表内只有两三个字段,宽度自适应表的宽度后,看起来就很别扭。 $("#meterTypeGrid").jqGrid({ url:...
  • gridview中设置列宽度

    千次阅读 2008-01-11 16:51:00
    aspx页面代码如下: 红色部分为调整宽度的代码。
  • *设置每行第一宽度 */ //方式一:遍历表格一行,选择器第一列设置样式 $("#Table2 tr").each(function(){ $(this).children("td:first").attr("style","width:80px;"); })  //...
  • java JTable 中设置宽度

    千次阅读 2012-03-09 20:31:04
    看了不少JTable中设置列宽的方法,有的写了三个类来实现。...果然,总算找到一个方法,就是分别设置的最大或者最小宽度: [code=Java] JTable jTable = new JTable(); jTable.getColumnModel().getCo
  • 给table标签设置 style="table-layout: fixed;" 然后再在JS中设置
  • jqGrid可通过hideCol, showCol函数动态设置列显示、列隐藏;当shrinkToFit=true时,动态设置显示列、隐藏列可能会导致表格宽度异常,此时可调用jqGrid的resizeGrid函数进行表格宽度重新计算。
  • &lt;... /* bootstrap-table设置colmuns中某宽度无效时,需要给整个表设置css属性 */ word-break:break-all; word-wrap:break-all; /* 自动换行 */ } &lt;/style&gt; &lt...
  • //调整该中的个Cell  table = tTD; while (table.tagName != 'TABLE') table = table.parentElement;  for (j = 0; j ; j++) {  table.rows[j].cells[tTD.cellIndex].width = tTD.width;  }  //调整...
  • 设置列宽度无效的问题

    千次阅读 2018-12-10 19:50:19
    一、场景重现 测试 .table { table-layout: fixed; } ...如果对设置 ...,对宽度设置会失效。 解决方法:  在tbody前面加 ;"/> ;"/> ;"/> ;"/> ;"/> ;"/>  
  • 设置datalist宽度

    2015-04-17 16:00:53
    ItemStyle-Width="100%"  ItemStyle-Height="100%"> 如代码:最后红色标记为设置datalist中宽度
  • GridView中列宽度设置

    千次阅读 2010-02-27 09:19:00
     HederStyle, ItemStyle 选ControlStyle或ItemStyle行展开他————设置Width的数值 如100px     3.在RowCreated事件中添加(没用过这个方法)  e.Row.Cell[6].Attributes.Add("style", "word-...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 175,921
精华内容 70,368
关键字:

如何设置每列的宽度