2 znl 12 znl_12 于 2013.05.24 15:06 提问

表格中有滚动的内容但是没有标题

我想创建一个表格,有标题和内容,实现标题始终可见,但是内容可以滚动。
如何实现?

<TableLayout
        android:id="@+id/tlNames"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:stretchColumns="*"
        android:shrinkColumns="*" >

        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">"
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"                
                android:gravity="center"
                android:text="dummy"         
                android:textSize="15sp"
                android:textColor="#FF0000"
                android:visibility="invisible" />  
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_column="1"
                android:gravity="center"
                android:text="Player1"
                android:textColor="#FF0000"
                android:textSize="15sp" />  
             <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="Player2"
                android:textColor="#FF0000"
                android:textSize="15sp" />  
             <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="Player3"
                android:textColor="#FF0000"
                android:textSize="15sp" />  
             <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="player4"
                android:textColor="#FF0000"
                android:textSize="15sp" />  
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"                
                android:gravity="center"
                android:text="dummy"
                android:textSize="15sp"
                android:textColor="#FF0000"
                android:visibility="invisible" />"


        </TableRow>
        <View android:layout_height="5dp"/>
    </TableLayout>

    <ScrollView
        android:id="@+id/scrollView1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <TableLayout
        android:id="@+id/tlScore"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:stretchColumns="*"
        android:shrinkColumns="*" >

        <TableRow
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">

             <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:textColor="@android:color/white"
                android:textSize="15sp" />  
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="20"
                android:textColor="@android:color/black"
                android:textSize="10sp" />  
             <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="20"
                android:textColor="@android:color/black"
                android:textSize="10sp" />   
             <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="20"
                android:textColor="@android:color/black"
                android:textSize="10sp" />  
             <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="20"
                android:textColor="@android:color/black"
                android:textSize="10sp" />  
             <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="20"
                android:textColor="@android:color/black"
                android:textSize="10sp" />  

        </TableRow>    
</tableLayout>
</ScrollView>

现在的问题是标题不能和内容对齐:

 dummy   Player1  player2  player3  player4  dummy

     20         20       20        20       20     20 

有什么方法可以对齐?或者实现第一行不动,别的行滚动?

3个回答

CSDN_Ask
CSDN_Ask   2013.05.27 10:38
已采纳

一种方法是使用 LinearLayouts 来代替 TableLayout/TableRow 结构。标题应该是一个横向的LinearLayout;主体部分应该是一个 ScrollView,围绕着一个垂直的 LinearLayout 和行的横向的LinearLayouts。然后,你可以使用 android:layout_weight 给每一列分配空间,在标题和行之间保持一致性。
另一种方法是滚动自己设置的容器类,实现你期望的模式。这样好像变的复杂了。这种方法能保持你现有的滚动表,但是用一个横向的 LinearLayout 代替标题,根据 TableLayout设置的文本中列的宽度,再用代码设置标题中 "columns"的尺寸。

u010923762
u010923762   2013.06.02 09:29

方法一:不知道你的这个表格是windowsXP系统吗?把表格复制到word内,排好段落再复制回来。
方法二:式具榄有个窗口,窗口冻结就行啦。

luhuajcdd
luhuajcdd   2013.05.27 09:46

可以在code中动态计算没一列的宽度,这样应该是可以对其的

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
JQuery +Bootstrap实现表格标题固定内容滚动特效
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Title&amp;lt;/title&amp;gt; &amp;lt;!-- 新 Bootstrap 核心 CSS 文件 --&amp;gt; &amp;lt
jQuery - 综合实例 - 固定表头,滚动表格内容
jQuery - 综合实例 - 固定表头,滚动表格内容 [源代码]                                 $(document).ready(function () {                 for (var y = 1; y                     $("#table_y").append
html table 标题 不滚动
<!-- body { background: #FFF; color: #000; font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 10px; padding: 0 } table, td, a { color: #000;
表头固定,内容可滚动表格的3种实现方法
一、表格总宽度自动,每列宽度设置统一用设置 这种实现方法最简单,只需要用两个表格,一个表格作为表头,另一个表格用<div>包裹并设置该 <div> 的高度固定,高度溢出可滚动即可。两个表格的列宽用相同的<colgroup>固定列宽值,需要注意的是滚动条会占用一定的宽度,一般是:17px,所以在表头需要特别处理一下,不然表格就不能对齐了。大家看代码,最简单的办法是表头单独空一列和下面的表格滚动条对齐
表头固定内容可滚动表格的3种实现方法
有时候,我们在开发前端页面过程中,可能会用到这种表格:表头固定不动,表格内容()需要竖直滚动。 像这样的: 还有这样的: 通过研究,我大致总结了以下三种实现办法供大家参考,如果有错误之处敬请指正,也欢迎拍砖!! 一、表格总宽度自动,每列宽度设置统一用colgroup>设置 这种实现方法最简单,只需要用两个表格,一个表格作为表头,另一个表格用包裹并设置该的高度固定,高度溢出可滚动即可。两个
table的表头固定--上下滚动表头固定,左右滚动跟随滚动
遇到这种固定表格的,我们一般都是写两个table,一个放thead,一个放tbody; 如果表格内容少,我们只需要给两个table100%宽度就行,如果遇到表格内容很长的就比较棘手了; 方法1要点(scrollLeft):  点击查看示例 http://jsrun.net/biiKp/show 1.上面的table的父容器div样式: #fixedDiv { position: a
html固定表头,表单内容垂直循环滚动
项目中需要实现一个html页面,页面中的table内容垂直滚动显示数据,如下图所示: 下面记录实现以上功能的代码: Bootstrap 101 Template .content { width: 500px; margin: 50px 50px;
bootstrap固定table表头
前端时间鼓捣的一个简单的手机网站,今天又拿出来弄一弄 因为主要是给手机访问,用的是bootstrap响应式布局,今天的任务是做一个数据展示页面 但是由于数据的列比较多,所以横向显示不下,为了较好的显示,将table包裹在了一个.table-responsive元素里 那么在较小的视口(viewport)时,则可以通过滑动来查看整条数据,从而能保证整体页面的协调性。 刚才说了,数据列比较多,
ASP.NET中GridView 表头不动内容滚动解决法
ASP.NET中GridView 表头不动内容滚动解决法 前台 function scrool() {  var t = document.getElementById("");  var t2 = t.cloneNode(true)  for(i = t2.rows.length -1;i > 0;i--)  t2.deleteRow(i)   t.deleteRow(
.NET-一种实现表格数据滚动显示的方法
.NET-一种实现表格数据滚动显示的方法