精华内容
下载资源
问答
  • css设置表格宽度的方法:直接使用css设置表格table标签的width属性即可设置表格宽度,浏览器会自动按照td宽度的比例来调整td宽度。css设置表格宽度:例1:Table的宽度为600px,Table的td所有宽度总和不到600px,浏览器...

    css设置表格宽度的方法:直接使用css设置表格table标签的width属性即可设置表格宽度,浏览器会自动按照td宽度的比例来调整td宽度。

    fff73b5ac0e5f5c789ffef0128abc5a0.png

    css设置表格宽度:

    例1:Table的宽度为600px,Table的td所有宽度总和不到600px,浏览器会自动按照td的宽度的比例算出宽度

    我是200px我也是200px

    运行结果:两个td都是300px;

    Table的宽度为600px,前两个td的宽度已经为600px,那么第三个td的宽度没有指定,这样的话第三个td的宽度是根据内容出现宽度的,然后前两个再按照比列计算宽度。

    例2:前两个td小于table宽度,那么最后一个td就起到补全的作用

    我是200px我也是200px我是根据内容的

    例3:Table中的td内,如果放置块状元素超过td的宽度,并且table的table-layout: fixed;(fixed表示td的宽度是定长的,不随td内容变化而变化)。

    这样尽量不要再td里写overflow: auto; 因为这样在IE6,7不会出现滚动条的,最好的办法是套一个div,宽度设置成100%

    我是自由宽度

    a371923cc681340545fa349f6bca49f8.png

    展开全文
  • /**调整表格列的宽度。*/ //1 private void setTableHeaderWidth() { for(int i=0;i();i++) { TableColumn tc=table.getColumn(table.getColumnName(i)); int width=getPreferredWidthForColumn(tc)+10; tc....
    /*
     * To change this template, choose Tools | Templates
     * and open the template in the editor.
     */
    
    package table;
    import javax.swing.*;
    import javax.swing.table.*;
    import java.awt.*;
    import java.util.Locale;
    import java.util.Vector;
    
    /**
     *
     * @author max
     */
    public class TableColumnWidth {
    
        private JTable table;
    
        public TableColumnWidth()
        {
            JFrame frame = new JFrame();
            frame.getContentPane().setLayout(new BorderLayout());
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            frame.setLocale(Locale.getDefault());
            frame.setResizable(true);
            frame.setState(Frame.NORMAL);
            
    
            table = new JTable();
            String TrunkColumnNames[] = {
                "繁华",
                "似锦"
            };
            DefaultTableModel tableModel = new DefaultTableModel();
            tableModel.setColumnIdentifiers(TrunkColumnNames);
    
            Integer[] m = new Integer[2];
            int j = 0;
            for(int k=0;k<10;k++)
            {
                for(int i = 0;i < 2;i++)
                {
                    j += i;
                    m[i] = j;
                }
                tableModel.addRow(m);
            }
            
    
            table.setModel(tableModel);
            setTableHeaderWidth();
    
            JPanel panel = new JPanel();
            panel.setLayout(new BorderLayout());
            JScrollPane scrollPane = new JScrollPane();
            scrollPane.getViewport().add(table);
            panel.add(scrollPane,BorderLayout.CENTER);
    
            frame.getContentPane().add(panel,BorderLayout.CENTER);
            frame.pack();
            frame.setVisible(true);
            
        }
    
        /**调整表格列的宽度。*/          //1
        private void setTableHeaderWidth()
        {
          for(int i=0;i<table.getColumnCount();i++)
          {
            TableColumn tc=table.getColumn(table.getColumnName(i));
            int width=getPreferredWidthForColumn(tc)+10;
            tc.setMinWidth(width);
          }
        }
    
        /**获取一个列的推荐宽度,返回列名和列取值的最大宽度。*/  //2
        private int getPreferredWidthForColumn(TableColumn col)
        {
          int hw=columnHeaderWidth(col),
              cw=widestCellInColumn(col);
          return hw>cw?hw:cw;
        }
    
        /**表头列的宽度*/  //3
        private int columnHeaderWidth(TableColumn col)
        {
          TableCellRenderer renderer=col.getHeaderRenderer();
          if(renderer==null)
          {
            renderer=table.getTableHeader().getDefaultRenderer();
          }
          if(renderer==null)
              return 0;
          Component comp=renderer.getTableCellRendererComponent(table,col.getHeaderValue(),false,false,0,0);
          return comp.getPreferredSize().width;
        }
    
        /**值列的最大宽度*/  //4
        private int widestCellInColumn(TableColumn col)
        {
          if(true) return 0;
          int c=col.getModelIndex(),width=0,maxw=0;
          for(int r=0;r<table.getRowCount();++r)
          {
            TableCellRenderer renderer=table.getCellRenderer(r,c);
            Component comp=renderer.getTableCellRendererComponent(table,table.getValueAt(r,c),false,false,r,c);
            width=comp.getPreferredSize().width;
            maxw=width>maxw?width:maxw;
          }
          return maxw;
        }
        public static void main(String[] args)
        {
            TableColumnWidth a = new TableColumnWidth();
        }
    
    }
    

     

    展开全文
  • 这次给大家带来表格单元格td设置宽度无效应该如何解决,表格单元格td设置宽度无效应该解决的注意事项有哪些,下面就是实战案例,一起来看一下。在做table页面时,有时对td设置宽度是无效的,td的宽度始终有内部的...

    这次给大家带来表格单元格td设置宽度无效应该如何解决,表格单元格td设置宽度无效应该解决的注意事项有哪些,下面就是实战案例,一起来看一下。

    在做table页面时,有时对td设置的宽度是无效的,td的宽度始终有内部的内容撑开,可以设置padding,但直接设置width却无效,下面我们来具体看下这个示例:

    100080010000001000000
    1000000100003001000000
    100000010000001000000
    1000000100003001000000

    * {margin: 0; padding: 0;}

    .div1 {position: relative; width: 150px; height: 100px; overflow: scroll; border: 1px solid red;}

    我们可以看到,类div1中的第一个单元格虽然设置了宽度,但是却是无效的。单元格内容始终由内容而决定,那么既然是由内容决定的那么我们就想办法让“内容”把单元格撑开,这样就行了。

    我们可以在td中加个div,然后给div设置宽度,来试一下:

    修改类div1中的一部分代码:

    1000800

    修改为

    1000800

    然后在样式里写入:td div {

    width:100px;

    }

    相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

    相关阅读:

    展开全文
  • Latex表格宽度设置

    千次阅读 2020-08-12 12:25:23
    来源 写论文遇到复杂表头,内容比较繁琐...设置表格列宽(原始代码在上一篇博文末尾) \begin{tabular}{m{2cm}|m{1cm}<{\centering}m{3cm}|cc} \hline \multirowcell{2}{AA} & \multicolumn{2}{c|}{BB} &

    来源

    写论文遇到复杂表头,内容比较繁琐需要调整表格列宽。

    关于如何制作latex复杂表格的方法在:使用excel2latex插件制作latex表格及其注意事项 本文接着上一篇进行表格调整。

    方法

    设置表格列宽(原始代码在上一篇博文末尾)

          \begin{tabular}{m{2cm}|m{1cm}<{\centering}m{3cm}|cc}
          \hline
          \multirowcell{2}{AA} & \multicolumn{2}{c|}{BB} & \multicolumn{2}{m{3cm}<{\centering}}{CC} \\
      \cline{2-5}          & B1    & B2    & C1    & C2 \\
    
    解释
    第一句` \begin{tabular}{m{2cm}|m{1cm}<{\centering}m{3cm}|cc}`
    • 中间有三个短竖线,就是表格竖着用实现划分开(比如‘’cc‘前面);
    • ‘c’是表示居中,具体其他对其方式自行网上查阅,我也不清楚;
    • ‘m{2cm}’设置列宽为2cm,应该是默认对齐;m{1cm}<{\centering}是设置列宽1mm并居中对齐;这样第一大列和第二大列列宽不一样,而且m{1cm}<{\centering}m{3cm}设置了第二大
      列的两个小列 列宽分别为1mm和3mm而且这两个的对齐方式不一样;

      第三句\multirowcell{2}{AA} & \multicolumn{2}{c|}{BB} & \multicolumn{2}{m{3cm}<{\centering}}{CC} \\
    • 在最后一个\multicoloumn中间设置了整体的列宽为3mm,其中的两个小列是灯框的等宽的。
    结果

    上述设置之后的结果如下,此处仅展示列宽设置方法,不涉及美观与否。
    另外最左上角单元格是垂直居中水平居中,而该列其他元素不是
    在这里插入图片描述

    附录

    展开全文
  • 现在来看下如何设置表格td单元格的宽度。例1:Table的宽度为600px,Table的td所有宽度总和不到600px,浏览器会自动按照td的宽度的比例算出宽度我是200px我也是200px运行结果:两个td都是300px;Table的宽度为600px,前两...
  • 在HTML页面建立一个表格,如果表格里的内容出现很长一串英文字符,表格就会被撑开,整个页面就会被打乱,会非常难看,即使设置宽度也不管用。这时候,如果我们希望把URL地址自动换行,就需要加入下面的代码:table...
  • | <div style="width:290px">property</div> | description | | --------------------------------------- | ------------------------------------- | | `border-bottom-right-radius` | Defines the ...
  • html中表格td的宽度如何设置

    千次阅读 2018-04-25 09:25:00
    1、td标签中width:    如果td没有设置宽度,浏览器会根据td的... 当td中有不能换行的元素,例如img,iframe等的宽度超过了的设置宽度或自动分配的宽度td会根据内部元素的宽度,作为td的宽度。(其他列没有设...
  • 但列宽不正确。我也添加了CSS代码和输出图像。...如何在HTML中设置正确的表格宽度?body {width: 800px;margin: auto;margin-top: 100px;}header {background-color: #EC7063;border-radius: 10px;text-al...
  • 如何设置HTML页面自适应宽度的table(表格)

    万次阅读 多人点赞 2015-09-07 11:00:35
    WEB应用的页面,表格的表现形式是常常遇到的,在列数有限的前提下,如何将各列中的内容自适应到不同分辨率的屏幕,这应该是一个比较容易遇到的问题,下面就来谈一谈我对这类问题的解决与看法。   将所有列设置为...
  • 您的第一个错误Vivek使用Bootstrap进行响应。您的第二种想法是,响应式是某种魔术,例如FixedColumns之类的插件...但是,我将告诉您如何修复Firefox错误。您只需要将此代码添加到CSS中即可:.DTFC_LeftBodyLiner {o...
  • 网页中插入表格时,设置了表格的宽度,则会根据表格宽度拉伸;但是有时候内容过长时,就会拉伸的很难看,所以就需要固定表格宽度。下面我们来看一下css设置单元格大小的方法:html:css:table{table-layout: fixed;...
  • 设置的宽度是650,浏览器显示却是653,你需要在表格table标签设置一个属性table-layout: fixed,接着你会发现第一行单元格合并,后面tr中的td无论如何设置宽度都没有任何效果,所以你还需要在表格的第一行设置一个...
  • 表格的列比较多的时候,可能就需要固定表格宽度了,默认的100%宽已经不适应了。默认的100%宽要实现改变窗口大小也100%的...下面就说说设置如何给datatables设置固定的宽度。 1、html代码 <th style=di
  • 如何强制固定dreamweaver网页表格宽度?  一般在制作网页的时候,会往表格的单元格中插入一些文字,但如果插入的文字比较长,则会促使整个表格变得很宽,极其不美观,甚至会影响整个网页的布局。  而且在有一些...
  • 步骤一:在打开的网页文档中选择表格后...“宽”与“表格”对话框中的“表格宽度”选项相同。高度一般不要设置。 步骤三:下面设置表格的填充和间距 填充:单元格内容和单元格边框之间的像素数,同“表格”对话框...
  • <p>I have no idea how to do that and it is very frustrating. <p>I've tried this, but it doesn't do anything. <pre><code>table td { table-layout: fixed;...<p>And also maybe it is possible to ...
  • 表格的列比较多的时候,可能就需要固定表格宽度了,默认的100%宽已经不适应了。...下面就说说设置如何给datatables设置固定的宽度。 1.html代码 <div id="tableArea"> <table ...
  • 将所有列设置为固定宽度,显然是不能满足此类要求的,但是若把全部的列都设置为百分比,恐怕在某些尺寸,或分辨率下,会变得很难看。在Bigtree看来,比较习惯于用如下的方式来处理——在表格列数不是很多的前提下...
  • 我的数据一共有4列,但QTabelView在父窗体中可能会随之父窗体的变化而导致宽度变化,然后当QTabelView宽度变化时,其现实的表格宽度(每一列的宽度)并没有随之,这会导致QTabelView变大时,右侧出现空白,变小时...
  • 没有设置,那么网页缩放的时候就会出现以下情况。 解决办法: <table style="width:100%;table-layout:fixed;" class="Table1" runat="server"> <tr> <td style="width:15%;word-wrap:break-...
  • html表格table的宽度超出页面宽度如何不改变table宽度 将table使用一个div包裹起来,将div的width设置为100%;overflow:auto

空空如也

空空如也

1 2 3 4 5 ... 16
收藏数 306
精华内容 122
关键字:

如何设置表格宽度