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>