读书人

c#+asp.net怎么实现如下web界面(表格

发布时间: 2012-02-15 12:09:44 作者: rapoo

c#+asp.net如何实现如下web界面(表格动态显示显示m行n列内容)
c#+asp.net如何实现如下web界面
界面显示为1个表格,该表显示m行n列内容,根据用户选择改变表格的行数、列数和单元格内容;另外,表格的显示区域固定,若不能显示全部单元格,显示滚动条,用户拖动滚动条查看单元格。

[解决办法]
用JS实现增加和删除啊

JScript code
Function Add() //添加控件{var nRow=document.all.Table1.rows.length; //获得当前TABLE的行数var objTheRow=document.all.Table1.insertRow(nRow);//执行添加objTheRow.insertCell(0);//添加当前行的列//添加一个按纽控件objTheRow.cells(0).innerHTML="<input type='button' value='delete me'onclick='Delete()'>";}Function Delete() //删除控件{var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;//获取当前索引document.all.Table1.deleteRow(currRowIndex);//执行删除}
[解决办法]
用div,把表格写在div里就可以拖动滚动跳了,至于添加行和列用JS写就行
[解决办法]
用js控制table

td里套div,

div固定尺寸,滚动条设为auto

[解决办法]
用js控制table

td里套div,

div固定尺寸,滚动条设为auto
[解决办法]
1楼说的很清楚了,更多的JS代码,网上也有很多,关键字如:JS 表格
[解决办法]
用js控制table

td里套div,

div固定尺寸,滚动条设为auto
[解决办法]
cs也可以写
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title>Untitled Page</title>    <style type="text/css">    #Table1 td    {        width:100px;        overflow:auto;        border:solid 1px #ececec;        }    </style></head><body>    <form id="form1" runat="server">    <div>        <asp:Table ID="Table1" runat="server" BorderWidth="1px" BorderColor="#666666"             BorderStyle="Solid" CellPadding="1" CellSpacing="1">        </asp:Table>    </div>    </form></body></html> 

读书人网 >asp.net

热点推荐