标签: tablelayout

我有一个表填充不同长度的文本.我已经将table-layout css属性设置为fixed,因为它不断地将表推到它的父对象之外创建一个水平滚动条.

我希望我的td正好是桌子的一半,这将是它的父级的全尺寸.我希望我的文本包含在td中.这是它的样子:

我希望文本环绕20,因此它不会与其他文本重叠.我不能用<br />.

这里是一个的jsfiddle的问题.

编辑:Nick Beranek回答了这个问题,但我正在寻找发生这种情况的原因.当<br />标签不在这样的表中时,默认情况下会自动换行而不添加CSS.有人可以向我解释为什么它在这种情况下不起作用？

当HTML表格table-layout设置auto为其列时,它是自动调整大小的.鉴于这种情况有没有办法保持特定列固定宽度？我试过使用CSS宽度 - 似乎没有任何影响.

我用编程方式在滚动视图中用tablerow-s填充tablelayout.在tablerows中,我将数据放在textviews中.
现在我的问题是如何以编程方式(在java中)设置像这样的textview:

<TextView
    android:layout_width="20dp"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
/>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    style="@style/tab"
    android:layout_weight="0.4"
    android:minWidth="80dp"
/>

<TextView
    android:layout_width="81dp"
    android:layout_height="wrap_content"
    style="@style/tab"
/>

<TextView
    android:layout_width="70dp"
    android:layout_height="wrap_content"
    style="@style/tab"
/>

<TextView
    android:layout_width="50dp"
    android:layout_height="wrap_content"
    android:background="@color/white"
    android:gravity="center"
    style="@style/tab"
    android:textStyle="bold"
    android:textColor="@color/black"
    android:layout_marginRight="5dp"
/>

我正在为android设计一个基本的sudoko游戏.我想要一个4x4的表格,其中所有单元格都是正方形.

我正在尝试使用16个按钮TableLayout.

我的方式看起来像这样

他们是rectange形状:(

我的xml

<TableLayout
android:id="@+id/tl"
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:gravity="center" >

<TableRow
    android:id="@+id/tableRow1"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:gravity="center" >

    <Button
        android:id="@+id/button1"
        style="@style/box_sky_blue"
        android:layout_weight="1"
        android:text="1" />

    <Button
        android:id="@+id/button2"
        style="@style/box_sky_blue"
        android:layout_weight="1"
        android:text="2" />

    <Button
        android:id="@+id/button3"
        style="@style/box_sky_blue"
        android:layout_weight="1"
        android:text="3" />

    <Button
        android:id="@+id/button4"
        style="@style/box_sky_blue"
        android:layout_weight="1"
        android:text="4" />
</TableRow>

<TableRow
    android:id="@+id/tableRow2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center" >

    <Button
        android:id="@+id/button5"
        style="@style/box_sky_blue"
        android:layout_weight="1"
        android:text="5" />

    <Button
        android:id="@+id/button6"
        style="@style/box_sky_blue"
        android:layout_weight="1"
        android:text="6" />

    <Button
        android:id="@+id/button7"
        style="@style/box_sky_blue"
        android:layout_weight="1"
        android:text="7" />

    <Button
        android:id="@+id/button8"
        style="@style/box_sky_blue"
        android:layout_weight="1"
        android:text="8" />
</TableRow>

<TableRow
    android:id="@+id/tableRow3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center" …

我需要一个语义查询结果表模板,我可以在同一个表中为某些列和逗号分隔的列提供换行符分隔的单元格结果.

例如,如果我使用标准格式= broadtable,则结果将由所有列的表格单元格中的换行符分隔:

{{#ask:[[Category:Items]]
|?Description
|?Models
|?Addons
|format=broadtable
}}

如果我创建了一个模板,那么我能够完成的只是一个以逗号分隔的结果:

<includeonly>
{| class="wikitable sortable"
 ! style="width: 30%;" | Page
 !! style="width: 30%;" | Description
 !! style="width: 20%;" | Models
 !! style="width: 20%;" | Addons
 |-
</includeonly>

{{#ask:[[Category:Items]]
|?Description
|?Models
|?Addons
|format=template
|template=QResTemplate
}}

<includeonly>
|}
</includeonly>

这是QResTemplate:

<includeonly>
 | {{{1}}} || {{{2}}} || {{{3}}} || {{{4}}}
 |-
</includeonly>

每个项目都有多个模型和插件,因此表格中的第3列和第4列我需要其中一个以逗号分隔,而另一个是换行符.

如果我在{{{3}}}之后添加一些内容,就像换行符一样,它会在表格行的最后一个模型之后添加,而不是在我想要的每个模型之后添加.

我正在开发我编写的 Android 应用程序的 iOS 版本，但我无法找出显示表格数据的最佳方式。Android 有 TableLayout 和 TableRow，使任务相当简单。

额外需要注意的是，无论我如何创建数据表，它都需要以编程方式创建，因为要显示的表数量不确定，并且每个表都有不确定的行数（所有信息都是从 Web 服务中提取的）。

另外，如果有帮助的话，该应用程序的方向仅限纵向。

这是一个（丑陋的）表格外观示例。

任何帮助都是极好的。谢谢！

我针对这个问题进行了研究，但没有得到满意的答案。我正在使用引导程序的网格布局。

请查看Fiddle here并调整输出窗口的大小 - 在调整大小时，您可能已经注意到，当窗口大小足够大以添加col-sm-类时，我的表格布局会中断。

我想要的是，当它们彼此相邻时，两列的高度应该相同（最大元素的高度），并且当它们彼此顶部/底部时，它们应该采用自己的高度（现在正在工作）。

超文本标记语言

<div class="container">
<div class="architect-table">
    <div class="row">
        <div class="cell column-1 col-xs-12 col-sm-6"> abcde </div>
        <div class="cell column-2 col-xs-12 col-sm-6"> abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde …

我正在使用以下代码创建一个TableLayout可水平滚动的代码:

      <?xml version="1.0" encoding="utf-8"?>
      <HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"
           android:layout_width="fill_parent"
           android:layout_height="fill_parent"
           android:minWidth="200dp"
           android:scrollbars="none">

       <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"            android:id="@+id/maintable2"
                android:layout_width="fill_parent"                  
                android:layout_height="fill_parent"                     
                android:stretchColumns="*"                      
                android:background ="#dddddd"           
                android:scrollbars="none"   >       
       </TableLayout>               
   </HorizontalScrollView>

我需要TableLayout至少填充屏幕中的列(即如果只有一列,那列的边框应该在整个屏幕上延伸,如果有两列,两列的边框应该填满屏幕等. ).

我怎样才能做到这一点？

我在tablelayout中有一个简单的符号,但里面的内容向右伸展得太远了.在我看来,一切都集中在一起.或者似乎EditText试图将自己置于主要父级内部,而不是IT父级tablelayout.知道为什么吗？

<?xml version="1.0" encoding="UTF-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/bluebg"
android:id="@+id/loading_page_lin_layout"
>
 <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/roundtable"
        android:layout_gravity="center"
        android:gravity="center"
        android:layout_margin="10dip"
        android:padding="10dip"
        android:stretchColumns="*">
        <TableRow>
            <EditText  
            android:id="@+id/txtUserName"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:textColor="#85AFBE"                              
            android:hint="Email"
            android:text=""
            android:gravity="left"

            />
         </TableRow>
        <TableRow>
            <EditText  
                android:id="@+id/txtPassword"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:textColor="#85AFBE"                              
                android:text=""
                android:hint="Password"
                android:password="true"
                android:gravity="left"  
                android:layout_gravity="center"                     
                />
        </TableRow>
        <TableRow>
            <!--  <Button
            android:id="@+id/btnSignIn"
            android:text="Sign In" 
            android:layout_width="fill_parent"
            android:paddingTop="10dip"
            android:gravity="center"
            />-->
            <ImageButton 
             android:id="@+id/btnSignIn"
             android:src="@drawable/signbig"    
             android:scaleType="fitCenter"   
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"                
             android:adjustViewBounds="true"
             android:layout_marginLeft="3dip"
             android:background="@null"
             android:layout_marginRight="3dip"
             android:layout_gravity="center"
             />
        </TableRow>
        <TableRow>
            <Button
            android:id="@+id/btnSignUp"
            android:background="@null"
            android:text="Sign Up" 
            android:textStyle=""
            android:layout_width="wrap_content"
            android:paddingTop="10dip"
            android:textSize="20dip"
            android:gravity="center" …

我有一个TableLayout,我在Layout XML文件中添加了Table Column标题,并通过代码动态添加其他行(基于条件).因此,有些情况下表中没有添加任何行.我需要检查表中是否没有行.我该怎么办呢？