标签: tablelayout

Colspan所有专栏

如何指定td标记应跨越所有列(当表格中的列的确切数量可变/难以确定何时呈现HTML)？w3schools提到你可以使用colspan="0",但它没有说明究竟是什么浏览器支持这个值(IE 6在我们的列表中支持).

看起来设置colspan为大于您可能具有的理论列数的值将起作用,但如果您table-layout设置为,它将不起作用fixed.使用大量自动布局有什么缺点colspan吗？有没有更正确的方法呢？

html html-table tablelayout

Bob*_*Bob

2018 09-16

366
推荐指数

9
解决办法

26万
查看次数

CSS:截断表格单元格,但尽可能合适

认识Fred.他是一张桌子:

一个单元格具有更多内容并且更宽,另一个单元格具有更少的内容并且更窄

<table border="1" style="width: 100%;">
    <tr>
        <td>This cells has more content</td>
        <td>Less content here</td>
    </tr>
</table>

Run Code Online (Sandbox Code Playgroud)

弗雷德的公寓有一个改变大小的奇怪习惯,因此他学会隐藏他的一些内容,以免推动所有其他单位,并将怀特福德夫人的客厅推到遗忘之中:

单元格现在大小相同,但只有一个单元的内容被截断,看起来如果另一个单元格给出了一些空格,它们都可以适合.

<table border="1" style="width: 100%; white-space: nowrap; table-layout: fixed;">
    <tr>
        <td style="overflow: hidden; text-overflow: ellipsis">This cells has more content</td>
        <td style="overflow: hidden; text-overflow: ellipsis">Less content here</td>
    </tr>
</table>

Run Code Online (Sandbox Code Playgroud)

这是有效的,但弗雷德有一种唠叨的感觉,如果他的右侧牢房(他的绰号为Celldito)放弃了一点空间,他的左侧牢房就不会在很多时候被截断.你能救他的理智吗？

总结:一个表的单元格如何均匀地溢出,并且只有当它们都放弃了所有的空白时？

html css overflow tablelayout

s4y*_*s4y

lucky-day

209
推荐指数

9
解决办法

9万
查看次数

如何在Android中创建带边框的表格？

我使用表格布局将数据显示为表格,但我想要一个包含用户定义列和带边框的行的表格.建议？

android tablelayout

Pin*_*nki

2012 05-30

178
推荐指数

11
解决办法

34万
查看次数

Android中的多行TextView？

我确实喜欢下面的内容 xml

<TableRow>
    <TextView android:id="@+id/address1"
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:gravity="left"
        android:maxLines="4" 
        android:singleLine="false"              
        android:text="Johar Mor, Gulistan-e-Johar, Karachi" >
    </TextView> 
</TableRow>

Run Code Online (Sandbox Code Playgroud)

它不起作用multiline,我正在使用TableLayout......

那我在这做什么错呢？

android multiline tablelayout textview

Cha*_*har

2017 02-16

142
推荐指数

8
解决办法

28万
查看次数

CSS"display:table-column"应该如何工作？

鉴于以下HTML和CSS,我在浏览器中看不到任何内容(Chrome和IE在撰写本文时最新).一切都崩溃到0x0像素.为什么？

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        section { display: table; height: 100%; background-color: grey; }

        #colLeft { display: table-column; height: 100%; background-color: green; }
        #colRight { display: table-column; height: 100%; background-color: red; }

        #row1 { display: table-row; height: 100%; }
        #row2 { display: table-row; height: 100%; }
        #row3 { display: table-row; height: 100%; }

        #cell1 { display: table-cell; height: 100%; }
        #cell2 { display: table-cell; height: 100%; }
        #cell3 { display: table-cell; height: 100%; }
    </style>
</head>
<body>
    <section> …

Run Code Online (Sandbox Code Playgroud)

css tablelayout css-tables

Eli*_*iot

2017 01-16

78
推荐指数

2
解决办法

10万
查看次数

在Android中的表格布局中设置相等的列宽

可能重复:
XML表格布局？两个EQUAL宽度的行填充相同宽度的按钮？

我TableLayout用来显示4列数据列表.

问题描述:

我无法设置所有4列的相等宽度,这是我的TableLayout.我正在使用我正在使用的布局代码...

<TableLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:stretchColumns="0">
        <TableRow>
            <TextView android:text="table header1" android:layout_width="wrap_content" android:layout_height="wrap_content" 
                 android:textSize="10dip" android:textStyle="bold"/>    
            <TextView android:text="table header2" android:layout_width="wrap_content" android:layout_height="wrap_content" 
                android:textSize="10dip" android:textStyle="bold"/> 
            <TextView android:text="table header3" android:layout_width="wrap_content" android:layout_height="wrap_content" 
                android:textSize="10dip" android:textStyle="bold"/> 
            <TextView android:text="table header4" android:layout_width="wrap_content" android:layout_height="wrap_content" 
                android:textSize="10dip" android:textStyle="bold"/>         
        </TableRow>
    </TableLayout>

Run Code Online (Sandbox Code Playgroud)

我应该如何重写此布局以显示相同大小的4列？

android tablelayout

Pan*_*mar

2017 05-23

70
推荐指数

2
解决办法

12万
查看次数

如何在CSS中指定表填充？(表,不是单元格填充)

我有一个彩色背景的表,我需要指定表和它的内容,IE单元格之间的填充.
表标记似乎不接受填充值.
Firebug使用填充0显示表和tbody的布局,但不接受为它们输入的任何值,所以我猜他们只是没有填充属性.
但问题是我希望细胞之间的分离与顶部细胞相同,桌面和底部细胞与桌面底部相同.
同样,我想要的不是细胞填充.

编辑:谢谢,我真正需要的,我现在意识到,是边界间距,或其html等效,cellspacing.
但出于某种原因,他们在我正在努力的网站上没有做任何事情.
两者都在单独的HTML上运行良好,但在网站中却没有.
我认为它可能会覆盖属性,但是cellspacing和内联边框间距不应该被覆盖,对吧？
(我用firefox)

编辑2:不,TD填充不是我需要的.使用TD填充,相邻单元的顶部和底部填充总和,因此两个单元之间的空间(实际上是填充)是顶部单元和桌面边界之间的两倍.我希望它们之间的距离完全相同.

html css padding cell tablelayout

Pet*_*uza

2017 01-19

59
推荐指数

6
解决办法

16万
查看次数

Android并在TableRow的TextView中显示多行文本

我正在显示一个带有行的TableLayout,如下所示:

<?xml version="1.0" encoding="utf-8"?>
<TableRow
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">

  <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

        <TextView   
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/one"
            android:layout_marginLeft="10dip"
            android:textColor="#B0171F" />
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/one"
            android:id="@+id/two"
            android:layout_marginLeft="10dip"
            android:ellipsize="none"
            android:singleLine="false"
            android:scrollHorizontally="false"
            android:maxLines="10"
            android:textColor="@android:color/black" />

  </RelativeLayout>

</TableRow>

Run Code Online (Sandbox Code Playgroud)

我正在使用我能在这里找到的所有东西,并且可以想到允许文本包裹在许多行上,但无济于事:文本总是被强制为一行,从屏幕上运行.我在这里工作在TableRow中可能很重要,据我所知,这个网站没有得到处理.

那么,如何强制我的第二个TextView包装到多行呢？

android multiline tablelayout textview tablerow

SK9*_*SK9

2012 01-22

49
推荐指数

2
解决办法

6万
查看次数

以编程方式将TableRow添加到TableLayout不起作用

我正在尝试按照此处的代码以编程方式添加表行

    /* Find Tablelayout defined in main.xml */
    TableLayout tl = (TableLayout) findViewById(R.id.SaleOrderLines);
    /* Create a new row to be added. */
    TableRow tr = new TableRow(this);
    tr.setLayoutParams(new TableRow.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
    /* Create a Button to be the row-content. */
    Button b = new Button(this);
    b.setText("Dynamic Button");
    b.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
    /* Add Button to row. */
    tr.addView(b);
    /* Add row to TableLayout. */
    //tr.setBackgroundResource(R.drawable.sf_gradient_03);
    tl.addView(tr, new TableLayout.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));

Run Code Online (Sandbox Code Playgroud)

但是屏幕上没有任何内容.(与此处提到的相同)

当我添加时tr.setBackgroundResource(R.drawable.sf_gradient_03);,绘制带有背景图像的行,但不绘制按钮

这是我的布局