论坛跟我学——在表格中增减行与列

梁婉华 · 发表于 2008-7-12 23:05:00

[s:66]搞左整晚都没有把那些表格增加到!~[s:53]

苗波 · 发表于 2008-7-23 15:33:00

<div class="quote">以下是引用哗哈哈在2008-7-12 23:05:00的发言： 
<img title="dvubb" alt="图片点击可在新窗口打开查看" src="http://www.ahelp.cn/bbs/images/emot/em66.gif" onload="imgresize(this);" align="middle" border="0"/>搞左整晚都没有把那些表格增加到!~<img title="dvubb" alt="图片点击可在新窗口打开查看" src="http://www.ahelp.cn/bbs/images/emot/em53.gif" onload="imgresize(this);" align="middle" border="0"/></div>
 
难友啊

金星 · 发表于 2008-6-20 04:36:00

A、选择编辑模式：
 
1、二种编辑模式：在编辑状态下，在编辑框右下角有二种编辑模式，如下图1：

 
2、编辑模式说明：（以一个“一行三列”的表格说明）
 
a）、设计模式：是默认的模式，即平时发帖时常见的模式。如下所见的一行三列的这个表格：
 

<table cellspacing="0" cellpadding="0" border="1">
<tbody>
<tr>
<td>第1行第1列</td>
<td>　　　　　</td>
<td>第1行第3列</td></tr></tbody></table>
 
 
b）、代码模式：通过HTML语言，来体现上述的表格（超文本标记语言（HTML）用于创建在浏览器中可见的网页和其它类型的文档），如下代码：
 
<table cellspacing="0" cellpadding="0" border="1"> <tbody> <tr> <td>第1行第1列</td> <td>&nbsp;</td>
<td>第1行第3列</td></tr></tbody></table> 
 
（下续）

金星 · 发表于 2008-6-20 04:53:00

B、代码（HTML语言）的说明：
 
通过对上述表格与代码的对比，相信大家开始对代码有点认识了，下面再对各种代码加以说明，相信你便能全部明白了：
<ol>
<li style="LIST-STYLE-TYPE: disc"><tr>：行的开始；</li>
<li style="LIST-STYLE-TYPE: disc"></tr>：行的结；</li>
<li style="LIST-STYLE-TYPE: disc"><td>：列的开始；</li>
<li style="LIST-STYLE-TYPE: disc"></td>：列的结束；</li>
<li style="LIST-STYLE-TYPE: disc">&nbsp;：空格，一个“&nbsp;”为一个空格，如此类推，表格中没有内容或空格，则不能显示此格的边框。</li></ol>
说明：
<ol>
<li style="LIST-STYLE-TYPE: disc">HTML语言的标记是成对出现的，有开始必须有结束（如有<tr>必须有</tr>），否则会出现错乱的；</li>
<li style="LIST-STYLE-TYPE: disc">“<>”是标记象征，不能缺少；</li>
<li style="LIST-STYLE-TYPE: disc"><> 标记中的二个元素之间必须有空格，如　<table cellpadding="0" border="1"></li></ol>
（下续）

金星 · 发表于 2008-6-20 06:57:00

C、增减行与列的方法：
 
了解了上述的代码后，现在便能对表格进行增减行与列了。
 
1、增加一行：
　（注意，所增加的一行中的列数，必须与原来行中的列数同等，否则会出错）
 
在编辑模式为“代码模式”状态下，在“行”的结束标记“</tr>”下面，插入行的代码，如下：
 
<table cellspacing="0" cellpadding="0" border="1"> <tbody> <tr> <td>第1行第1列</td> <td>&nbsp;</td> <td>第1行第3列</td>
</tr>
<tr> <td>第2行第1列</td> <td>第2行第2列</td> <td>第2行第3列</td>
</tr>
</tbody></table> 
 
于是，在返回到“设计模式”的编辑状态下，便可见到如下有二行的表格了：
 

<table cellspacing="0" cellpadding="0" border="1">
<tbody>
<tr>
<td>第1行第1列</td>
<td>第1行第2列</td>
<td> </td></tr>
<tr>
<td>第2行第1列</td>
<td>第2行第2列</td>
<td>第2行第3列</td></tr></tbody></table>
 
2、增加列：
　（注意，所增加的列数，必须在所有的行中同时增加相同的列数，否则会出错）
 
（用最简单的方法，将</tr>全部替换为<td>&nbsp;</td></tr>）
 
详细说明：
在编辑模式为“代码模式”状态下，在“列”的结束标记“</td>”下面，插入列的代码，如下：
 
<table cellspacing="0" cellpadding="0" border="1"> <tbody> <tr> <td>第1行第1列</td>
<td>&nbsp;</td> <td>第1行第3列</td>
<td>增加的列</td>
</tr>
<tr> <td>第2行第1列</td> <td>第2行第2列</td> <td>第2行第3列</td>
<td>增加的列</td>
</tr>
</tbody></table>
 
于是，在返回到“设计模式”的编辑状态下，便可见到如下有二行的表格了：
 

<table cellspacing="0" cellpadding="0" border="1">
<tbody>
<tr>
<td>第1行第1列</td>
<td>第1行第2列</td>
<td> </td>
<td>增加的列</td></tr>
<tr>
<td>第2行第1列</td>
<td>第2行第2列</td>
<td>第2行第3列</td>
<td>增加的列</td></tr></tbody></table>
 
（下续）

金星 · 发表于 2008-6-20 07:16:00

D、插入、删除“行”的技巧：
 
在上述的方法中，是采用复制原有的一行的代码来插入，但是原来的行中已有的文字，这样则要在增加行后要删除新增行中各表格的旧文字内容，同时在删除旧文字内容中容易看错误删除。如果同时增加几行，那样工作量更大，出错机会更多。
 
如果新增的行中的各表格都是空白的，那样就简化了操作，下面就介绍这种方法：
 
一、插入“行”
 
步骤1、新建空白表格
 
在默认的“设计模式”中，在原来的表格下，新建一个只有“一行但列数相同”的表格，如下图：
 
<table cellspacing="0" cellpadding="0" border="1">
<tbody>
<tr>
<td>第1行第1列</td>
<td>第1行第2列</td>
<td> </td>
<td>第1行第4列</td></tr>
<tr>
<td>第2行第1列</td>
<td>第2行第2列</td>
<td>第2行第3列</td>
<td>第2行第4列</td></tr></tbody></table>
 
 
<table cellspacing="0" cellpadding="0" border="1">
<tbody>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td></tr></tbody></table>
 
步骤2、复制空白行的代码：
 
转到“代码模式”下，将新建的一行的各列复制，即将下面的代码复制：
 
<tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td></tr>
 
步骤3、粘贴代码
 
继续在“代码模式”中，将复制的代码，找到需要插入行的结束代码“</tr>”下面（按回车），粘贴上述的代码，复制后的代码如下：
 
<table cellspacing="0" cellpadding="0" border="1"> <tbody> <tr> <td>第1行第1列</td> <td>第1行第2列</td> <td>&nbsp;</td> <td>第1行第4列</td></tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td></tr> <tr> <td>第2行第1列</td> <td>第2行第2列</td> <td>第2行第3列</td> <td>第2行第4列</td></tr></tbody></table>
 
步骤4、查看效果：
 
转回到“设计模式”下，便能看到如下的插入了行的表格，便在空白行上编写内容了：
 
<table cellspacing="0" cellpadding="0" border="1">
<tbody>
<tr>
<td>第1行第1列</td>
<td>第1行第2列</td>
<td> </td>
<td>第1行第4列</td></tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td></tr>
<tr>
<td>第2行第1列</td>
<td>第2行第2列</td>
<td>第2行第3列</td>
<td>第2行第4列</td></tr></tbody></table>
 
步骤5、一次增加数行
 
在步骤3“粘贴代码”中，采取“粘贴－》回车－》粘贴－》回车－》粘贴”，便能一次性增加几行了。粘贴的快捷键：Ctrl+V
 
二、删除“行”
 
1、找到行的开始与结束标记：
 
在“代码模式”中，找到要删除的行的开始标记“<tr>”，与此行的结束标记“</tr>”，将开始标记“</tr>”与结束标记“</tr>”之间的内容，连到这二个标记一同删除。如下图中红色代码部分（删除上面表格中的第三行）：
 
<table cellspacing="0" cellpadding="0" border="1"> <tbody> <tr> <td>第1行第1列</td> <td>第1行第2列</td> <td>&nbsp;</td> <td>第1行第4列</td></tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td></tr> <tr> <td>第2行第1列</td> <td>第2行第2列</td> <td>第2行第3列</td> <td>第2行第4列</td></tr>　</tbody></table>
 
2、查看效果：
 
转回到“设计模式”下，便能看到原来有三行的表格，已被删除了原来的第三行，变成只有二行的表格了：
 
<table cellspacing="0" cellpadding="0" border="1">
<tbody>
<tr>
<td>第1行第1列</td>
<td>第1行第2列</td>
<td> </td>
<td>第1行第4列</td></tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td></tr></tbody></table>
 
3、删除多行的方法：
 
如果一次删除多行，或是所删除的行的列数较多或是内容较多，此次采用“拖拉反白”的方法选择准备删除的开始标记“</tr>”与结束标记“</tr>”之间的内容时，容易出错，故建议采用如下方法：
<ol>
<li>用鼠标在开始标记“</tr>”前面点击一下；</li>
<li>找到结束标记“</tr>”，按着Shift键，用鼠标在结束标记“</tr>”的后面再点击一下。</li>
<li>这样便能将要删除的内容全部反白了，然后按Del，将选择了的内容删除。</li></ol>
4、提示：
 
由于</tr>与后面的标记</tbody></table>连在一起，选择删除代码时，常会出现在选择</tr>时，将后面的标记的“</”部分一起选择了，如果此时删除代码，则会出现因后面的标记不全而出错了。如下图3：
 

 
解决的方法很简单，鼠标在</tr>标记后点击一下，加上空格或是回车，然后再选择代码就能解决问题了。空格与换行，在代码中的二个标记间出现不会带来任何影响的。（参看上面的红字代码标记的效果）
 
（完）

露珈 · 发表于 2008-6-20 09:37:00

才看了一眼头就大了，先做个记号，等要用时候再来现学[s:229]

邝硕棠 · 发表于 2008-6-20 10:56:00

我暂时只需要学习增删“行”，所以先提出有关疑问：
1.为安全起见，先要备份（和以后的恢复），请说明这操作过程。
2.<td>第1行第3列</td></tr></tbody></table>
和
<td>第1行第3列</td></tr>
</tbody></table>
这样排列一样功能吗？
3.<td>&nbsp;&nbsp;&nbsp;</td>
这列的中间为什么是三个空格代码而不是一个？
------------------------------
一辈子不接触过，问的都是白痴问题。

殷国庆 · 发表于 2008-6-20 13:08:00

论坛搞个表格得这么复杂,有必要吗?干吗不可以直接粘贴呐?<tg>

李开 · 发表于 2008-6-20 15:33:00

好麻烦!
要用到的时候再来这里粘帖过去好了

金星 · 发表于 2008-6-21 08:01:00

<div class="quote">以下是引用迷途汉在2008-6-20 10:56:00的发言： 
 
2.<td>第1行第3列</td></tr></tbody></table>
和
<td>第1行第3列</td></tr>
</tbody></table>
这样排列一样功能吗？
 </div>
 
是一样的功能，我在5楼中有说明了。
 
<div class="quote">以下是引用金星在2008-6-20 7:16:00的发言： 
D、插入、删除“行”的技巧：
 
解决的方法很简单，鼠标在</tr>标记后点击一下，加上空格或是回车，然后再选择代码就能解决问题了。空格与换行，在代码中的二个标记间出现不会带来任何影响的。</div>

金星 · 发表于 2008-6-21 08:07:00

<div class="quote">以下是引用迷途汉在2008-6-20 10:56:00的发言： 
 
3.<td>&nbsp;&nbsp;&nbsp;</td>
这列的中间为什么是三个空格代码而不是一个？
 </div>
 
旧版本的论坛对新建的表格中每格内含空格默认为1个，而新版的论坛默认空格为3个。
 
在每格填写内容时，只需要习惯对每一格拖拉一下反白空格，然后再填写内容。快捷键：Ctrl+A（全选）

金星 · 发表于 2008-6-21 08:11:00

<div class="quote">以下是引用寒后在2008-6-20 9:37:00的发言： 才看了一眼头就大了，先做个记号，等要用时候再来现学<img title="dvubb" alt="图片点击可在新窗口打开查看" src="http://www.ahelp.cn/bbs/images/emot/em229.gif" onload="imgresize(this);" align="middle" border="0"/> </div>
 
其实是很简单的，认真看看就明白，如果当面教教你们，包你们马上一句：“哦，就这亲简单。”
 
我只是详细给你们列明，如简单的描述，就是：
 
复制原来表格中的一行：
<tr> <td>第1行第1列</td> <td>&nbsp;</td> <td>第1行第3列</td> 
</tr>
 
然后找到要插入的行的</tr>，在后面粘贴上面的代码就行了。

金星 · 发表于 2008-6-21 08:12:00

<div class="quote">以下是引用詹森在2008-6-20 13:08:00的发言： 论坛搞个表格得这么复杂,有必要吗?干吗不可以直接粘贴呐?<tg> </div>
 
为何不能直接粘贴，请看此帖：——<a href="http://www.ahelp.cn/bbs/dispbbs.asp?boardid=49&id=17976" target="_blank">《切勿复制Word、Excel在论坛中发帖》</a>

凉茶糖 · 发表于 2008-6-28 15:01:00

老大,经过本人实践,这样增添行和列的方法会使很多人对表格操作望而却步.而且出错的几率特别大.难道不可以恢复旧论坛的那种表格操作模式吗?如果能恢复,那可真是方便了大多数人.尤其是总务部那些经常需要用到表格的志愿者.
现在的模式太浪费时间了.

林艳彬 · 发表于 2008-6-30 23:51:00

哇．好头大啊．
睇到好晕．哈哈．
天啊．表格表格．．

金星 · 发表于 2008-7-5 03:23:00

<div class="quote">以下是引用凉茶糖在2008-6-28 15:01:00的发言： 
老大,经过本人实践,这样增添行和列的方法会使很多人对表格操作望而却步.而且出错的几率特别大.难道不可以恢复旧论坛的那种表格操作模式吗?如果能恢复,那可真是方便了大多数人.尤其是总务部那些经常需要用到表格的志愿者.
现在的模式太浪费时间了.</div>
 
姑娘，这是动网新的版本系统所定，不是我们的能力所在，如果能恢复原来的功能，还需要我写这样长的篇幅吗？
 
忍耐一下吧，我已向动网的技术部反映了这个问题，但是，由于动网论坛的使用者中使用表格功能的人太少了，所以这个问题他们技术部到今天为止都还未考虑更正。

金星 · 发表于 2008-7-5 03:26:00

<div class="quote">以下是引用曲奇在2008-6-30 23:51:00的发言： 
哇．好头大啊．
睇到好晕．哈哈．
天啊．表格表格．．</div>
 
其实很简单的，只是你们一开始便怕了它，只要通过查找功能，找到要增加行的那个<tr>与</tr>在</tr>中复制上一列的内容，就可以解决的，
 
至于第四点的技巧，你们可以不用看都行。

黄惠年 · 发表于 2008-7-8 14:55:00

实践几次终于可以在网络组通讯录插入行了，方法也不难。
1）搞清行头<tr>行尾</tr>；
2）然后粘贴就得
<tr> <td>&nbsp;&nbsp;&nbsp;</td> <td>&nbsp;&nbsp;&nbsp;</td> <td>&nbsp;&nbsp;&nbsp;</td> <td>&nbsp;&nbsp;&nbsp;</td></tr>
 
星爷已经写得好详细，需要使用过这边照抄就得

苗波 · 发表于 2008-7-12 05:03:00

<a href="http://www.ahelp.cn/bbs/dispbbs.asp?boardid=43&id=30134&page=1&star=1">http://www.ahelp.cn/bbs/dispbbs.asp?boardid=43&id=30134&page=1&star=1</a>
 
这是我搞了一个多小时的“杰作”，不知道原因出在那里，列总是在变动手工弄了下就成这样子了

		自动登录	找回密码
密码			立即注册

[会员指引] 论坛跟我学——在表格中增减行与列

A、选择编辑模式

B、代码（HTML语言）的说明

C、增减行与列的方法

本帖子中包含更多资源

D、插入、删除“行”的技巧