如何手动控制TABLE需要显示的行数和列数

清风止雨 2017-09-27 03:37:46
现在做了一个table是24行 12列，但是每次录入数据的时候未必需要的行列不同，为了防错，只显示需要填入数据的表格，其他的隐藏，通过什么来完成？
...全文
811 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
clark_kidd 2017-09-29
  • 打赏
  • 举报
 回复
引用 4 楼 u010361914 的回复:
[quote=引用 3 楼 clark_kidd 的回复:] [quote=引用 2楼我是你的主体 的回复:][quote=引用 1 楼 clark_kidd 的回复:] 

<table id="t">
	<tr>
		<td>line No.</td>
		<td>title1</td>
		<td>title2</td>
		<td>title3</td>
	</tr>
	<tr>
		<td>1</td>
		<td>a</td>
		<td>b</td>
		<td>c</td>
	</tr>
	<tr>
		<td>2</td>
		<td>d</td>
		<td>e</td>
		<td>f</td>
	</tr>
</table>
<button onclick="f1()">隐藏第1行</button>
<button onclick="f2()">隐藏第2行 第3列</button>
<button onclick="f3()">看table一共有几个cell</button>
<button onclick="f4()">隐藏第11个cell(2行 3列)</button>
<script>
var table = document.getElementById("t");
function f1(){
	table.rows[1].style.display = "none";
}
function f2(){
	table.rows[2].cells[2].style.display = "none";
}
function f3(){
	alert(table.cells.length + "，包含了title的所有cell");
}
function f4(){
	table.cells[10].style.display = "none";
}
</script>
能够在表格的页面设置2个下拉框 一个定行数 一个定列数 让录入数据的人员自己选定表格大小么[/quote]能。不过下拉框够吗？一个设置显示n行，另一个m列？需求中不存在需要显示第3，5，7列的情况？[/quote]是的 只需要设定行和列，2个下拉框就够了，最大也就24行 12列[/quote] 那当然可以，在下拉框的onchange事件里用for循环逐行逐列隐藏就行了
清风止雨 2017-09-29
  • 打赏
  • 举报
 回复
引用 3 楼 clark_kidd 的回复:
[quote=引用 2楼我是你的主体 的回复:][quote=引用 1 楼 clark_kidd 的回复:] 

<table id="t">
	<tr>
		<td>line No.</td>
		<td>title1</td>
		<td>title2</td>
		<td>title3</td>
	</tr>
	<tr>
		<td>1</td>
		<td>a</td>
		<td>b</td>
		<td>c</td>
	</tr>
	<tr>
		<td>2</td>
		<td>d</td>
		<td>e</td>
		<td>f</td>
	</tr>
</table>
<button onclick="f1()">隐藏第1行</button>
<button onclick="f2()">隐藏第2行 第3列</button>
<button onclick="f3()">看table一共有几个cell</button>
<button onclick="f4()">隐藏第11个cell(2行 3列)</button>
<script>
var table = document.getElementById("t");
function f1(){
	table.rows[1].style.display = "none";
}
function f2(){
	table.rows[2].cells[2].style.display = "none";
}
function f3(){
	alert(table.cells.length + "，包含了title的所有cell");
}
function f4(){
	table.cells[10].style.display = "none";
}
</script>
能够在表格的页面设置2个下拉框 一个定行数 一个定列数 让录入数据的人员自己选定表格大小么[/quote]能。不过下拉框够吗？一个设置显示n行，另一个m列？需求中不存在需要显示第3，5，7列的情况？[/quote]是的 只需要设定行和列，2个下拉框就够了，最大也就24行 12列
清风止雨 2017-09-28
  • 打赏
  • 举报
 回复
引用 1 楼 clark_kidd 的回复:

<table id="t">
	<tr>
		<td>line No.</td>
		<td>title1</td>
		<td>title2</td>
		<td>title3</td>
	</tr>
	<tr>
		<td>1</td>
		<td>a</td>
		<td>b</td>
		<td>c</td>
	</tr>
	<tr>
		<td>2</td>
		<td>d</td>
		<td>e</td>
		<td>f</td>
	</tr>
</table>
<button onclick="f1()">隐藏第1行</button>
<button onclick="f2()">隐藏第2行 第3列</button>
<button onclick="f3()">看table一共有几个cell</button>
<button onclick="f4()">隐藏第11个cell(2行 3列)</button>
<script>
var table = document.getElementById("t");
function f1(){
	table.rows[1].style.display = "none";
}
function f2(){
	table.rows[2].cells[2].style.display = "none";
}
function f3(){
	alert(table.cells.length + "，包含了title的所有cell");
}
function f4(){
	table.cells[10].style.display = "none";
}
</script>
能够在表格的页面设置2个下拉框 一个定行数 一个定列数 让录入数据的人员自己选定表格大小么
clark_kidd 2017-09-28
  • 打赏
  • 举报
 回复
引用 2楼我是你的主体 的回复:
[quote=引用 1 楼 clark_kidd 的回复:] 

<table id="t">
	<tr>
		<td>line No.</td>
		<td>title1</td>
		<td>title2</td>
		<td>title3</td>
	</tr>
	<tr>
		<td>1</td>
		<td>a</td>
		<td>b</td>
		<td>c</td>
	</tr>
	<tr>
		<td>2</td>
		<td>d</td>
		<td>e</td>
		<td>f</td>
	</tr>
</table>
<button onclick="f1()">隐藏第1行</button>
<button onclick="f2()">隐藏第2行 第3列</button>
<button onclick="f3()">看table一共有几个cell</button>
<button onclick="f4()">隐藏第11个cell(2行 3列)</button>
<script>
var table = document.getElementById("t");
function f1(){
	table.rows[1].style.display = "none";
}
function f2(){
	table.rows[2].cells[2].style.display = "none";
}
function f3(){
	alert(table.cells.length + "，包含了title的所有cell");
}
function f4(){
	table.cells[10].style.display = "none";
}
</script>
能够在表格的页面设置2个下拉框 一个定行数 一个定列数 让录入数据的人员自己选定表格大小么[/quote]能。不过下拉框够吗？一个设置显示n行，另一个m列？需求中不存在需要显示第3，5，7列的情况？
clark_kidd 2017-09-27
  • 打赏
  • 举报
 回复 

<table id="t">
	<tr>
		<td>line No.</td>
		<td>title1</td>
		<td>title2</td>
		<td>title3</td>
	</tr>
	<tr>
		<td>1</td>
		<td>a</td>
		<td>b</td>
		<td>c</td>
	</tr>
	<tr>
		<td>2</td>
		<td>d</td>
		<td>e</td>
		<td>f</td>
	</tr>
</table>
<button onclick="f1()">隐藏第1行</button>
<button onclick="f2()">隐藏第2行 第3列</button>
<button onclick="f3()">看table一共有几个cell</button>
<button onclick="f4()">隐藏第11个cell(2行 3列)</button>
<script>
var table = document.getElementById("t");
function f1(){
	table.rows[1].style.display = "none";
}
function f2(){
	table.rows[2].cells[2].style.display = "none";
}
function f3(){
	alert(table.cells.length + "，包含了title的所有cell");
}
function f4(){
	table.cells[10].style.display = "none";
}
</script>
SMARTFORMS实战：用Template+Loop打造灵活报表（附TABLE隐藏技巧）
本文详解如何在SAP SMARTFORMS中用Template与Loop替代传统TABLE节点，实现高灵活性报表布局。涵盖TABLE隐藏技巧、Template网格定义、Loop数据绑定、Text节点精确定位、条件格式控制及多格式输出统一管理。强调布局与逻辑解耦、动态样式支持及生产环境常见陷阱规避，适用于需维护历史报表并拓展复杂展示需求的SAP ABAP开发人员。
LittlevGL lv_table内存优化与轻量化表格实现原理
本文深入剖析LittlevGL中lv_table控件的轻量化设计原理，重点阐述其伪标签渲染机制、纯文本承载策略及二维指针数组内存模型。通过放弃冗余对象实例（如独立label）、禁用富文本与嵌入控件等功能，显著降低RAM占用；详细说明行/列数学关系、单元格类型-样式映射、自动/手动换行规则，并指出高频刷新导致的malloc风险、LV_TABLE_COL_MAX编译期限制等关键陷阱，提出静态缓冲池、虚拟滚动等嵌入式适配方案。
python语句学习系列(2)--读取.dat文件
文章介绍了使用Python的pandas库读取dat文件的两种方法，包括通过`read_table`函数和手动解析文件内容。还讨论了如何控制数据输出时的行列数，去除省略号，以及显示数据帧的前/后几行。最后，文章提到了如何将数据保存为Excel格式。
51单片机驱动16x16 LED点阵屏：动态扫描原理与汉字滚动显示实战
本文详解基于8051单片机驱动16×16共阴LED点阵屏的动态扫描实现，涵盖逐列扫描原理、阴码字模生成、锁存器分时复用、行/列数据映射与滚动显示算法。重点剖析硬件连接（P0/P1/P2口分工、74HC573锁存）、软件时序控制（中断调速、帧重复稳定）、字模排列陷阱及调试要点（引脚验证、逻辑分析仪应用），强调底层时序、IO复用与视觉暂留机制在嵌入式显示中的核心地位。
Vue3 + Element Plus | el-table 多级表头表格导出 Excel（含合并单元格、单元格居中）第二版
本文介绍基于Vue3与Element Plus的el-table多级表头Excel导出方案，支持自动解析表头层级、动态计算列（如合计）、单元格合并及居中样式。核心依托xlsx-style-plus实现样式控制，通过递归解析column配置生成合并规则，并兼容非数据源字段formatter处理，适用于生产环境。
JavaScript

87,990

社区成员

224,684

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章