c#+asp.net怎么实现如下web界面（表格动态显示显示m行n列内容）
日期：2014-05-18 浏览次数：20631 次
c#+asp.net如何实现如下web界面（表格动态显示显示m行n列内容）
c#+asp.net如何实现如下web界面
界面显示为1个表格，该表显示m行n列内容，根据用户选择改变表格的行数、列数和单元格内容；另外，表格的显示区域固定，若不能显示全部单元格，显示滚动条，用户拖动滚动条查看单元格。
------解决方案--------------------
用JS实现增加和删除啊
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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
