可滚动的GridView在不同的浏览器中

时间:2013-01-08 11:53:39

标签: asp.net html css

我创建了一个可滚动的gridview。所以我创建了一个表格,它是网格标题的副本。我给每个像素赋予宽度属性。但它在不同的浏览器中有所不同。任何帮助表示赞赏。

Here is the photo 这是Grid标头的标记。

<table  cellpadding="0" cellspacing="0">
            <tr>
                <th width="26px">
                </th>
                <th width="152px">
                    Sosial sığorta nömrəsi
                </th>
                <th width="122px">
                    Soyadı
                </th>
                <th width="121px">
                    Adı
                </th>
                <th width="120px">
                    Atasının adı
                </th>
                <th width="50px">
                    Cinsi
                </th>
                <th width="100px">
                    Doğum tarixi
                </th>
                <th width="122px">
                    Uçota düşmə tarixi
                </th>
                <th width="102px">
                    SUN (köhnə)
                </th>
                <th width="150px">
                    Sığorta edənin VÖEN-i
                </th>
                <th width="102px">
                    SUN
                </th>
                <th width="102px">
                    Ölüm tarixi
                </th>
            </tr>
        </table>

2 个答案:

答案 0 :(得分:0)

而不是创建2个表,一个用于标题,另一个用于数据 - 只需创建一个表...

像这样的东西应该让你的所有列都有正确的宽度:

<table  cellpadding="0" cellspacing="0">
        <tr>
            <th width="26px">
            </th>
            <th width="152px">
                Sosial sığorta nömrəsi
            </th>
           .....
            <th width="102px">
                Ölüm tarixi
            </th>
        </tr>
        <tr> <!-- Enter data here -->
        </tr>
        <tr> <!-- Enter data here -->
        </tr>
    </table>

答案 1 :(得分:0)

正如Blachshma所说,你只能使用一个表来修复所有浏览器的列宽相同......我认为,使表/网格可滚动是一件容易的事......

试试这个..

<div style="max-width:500px;overflow:auto;">

    // Here, HTML code for Table or Gridview

</div>

希望,它可以帮到你。 ! 感谢。