JavaScript 動態控制表格行和列

單常用的DOM操作

Table 對象集合(行與列從0開始計數)

cells[] 返回包含表格中所有單元格的一個數組。

rows[] 返回包含表格中所有行的一個數組。

tBodies[] 返回包含表格中所有tbody 的一個數組

針對<table>元素(行與列從0開始計數)

caption 指向<caption>元素(如果存在)

tBodies 指向<tbody>元素的集合

tFoot 指向<tfoot>元素(如果存在)

tHead 指向<thead>元素(如果存在)

rows 表格中所有行的集合

deleteRow(position) 刪除指定位置上的行

insertRow(position) 在rows集合中的指定位置插入一個新行

createCaption() 創建<caption>元素并將其放入表格中;//括號內不需要插入值

deleteCaption() 刪除<caption>元素 //括號內不需要插入值

針對<tbody>元素(手冊上沒有)

rows <tbody>中所有行的集合

deleteRows(position) 刪除指定位置上的行瀏覽器已不支持

insertRows(position) 在rows集合中的指定位置插入一個新行瀏覽器已不支持

針對<tr>元素

cells <tr>中所有單元格的集合

deleteCell(position) 刪除給定位置上的單元格

insertCell(position) 在cells集合的給定位置上插入一個新的單元格

注意：是否使用tBodies[0]屬性, 將會影響所操作的行與列

而瀏覽器已經刪除了deleteRows(position)、insertRows(position)方法, 統一使用deleteRow()、insertRow()方法

獲取表格的數據:

實例1:

<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<script>
window.onload=function ()
{
var oTab=document.getElementById('tab1');
//alert(oTab.getElementsByTagName('tbody')[0].getElementsByTagName('tr')[1].getElementsByTagName('td')[1].innerHTML);
alert(oTab.tBodies[0].rows[1].cells[1].innerHTML);
alert(oTab.tBodies[0].rows.length); //返回值為:5 因為<tbody></tbody>標記內有5行
alert(oTab.rows.length); //tBodies[0]可以省略, 但返回值為:6 因為<thead></thead>標記有1行, <tbody></tbody>標記內有5行

};
</script>
</head>
<body>
<table id="tab1" border="1" width="500">
<thead> <!-- 盡管沒有<tr>標記, 但瀏覽器也認定算是一行 -->
<td>ID</td>
<td>姓名</td>
<td>年齡</td>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Blue</td>
<td>27</td>
</tr>
<tr>
<td>2</td>
<td>張三</td>
<td>23</td>
</tr>
<tr>
<td>3</td>
<td>李四</td>
<td>28</td>
</tr>
<tr>
<td>4</td>
<td>王五</td>
<td>25</td>
</tr>
<tr>
<td>5</td>
<td>張偉</td>
<td>24</td>
</tr>
</tbody>
</table>
</body>
</html>

動態添加表格:

<script language="javascript">
window.onload=function(){
var oTr=document.getElementById("member").insertRow(2); //插入一行
var aText=new Array();
aText[0]=document.createTextNode("fresheggs");
aText[1]=document.createTextNode("W610");
aText[2]=document.createTextNode("Nov 5th");
aText[3]=document.createTextNode("Scorpio");
aText[4]=document.createTextNode("1038818");
for(var i=0;i<aText.length;i++){
var oTd=oTr.insertCell(i);
oTd.appendChild(aText[i]);
}
}
</script>

修改單元格內容:

當表格建立了以后,可以通過HTML DOM屬性直接對單元格進行引用,相比getElementById()、getElementsByTagName()等方法一個個尋找要方便得多;

oTable.rows[i].cells[j]

<script language="javascript">
window.onload=function(){
var oTable=document.getElementById("member");
oTable.rows[3].cells[4].innerHTML="lost"; //修改單元格內容
}
</script>

動態刪除表格:

<script language="javascript">
window.onload=function(){
var oTable=document.getElementById("member");
oTable.deleteRow(2); //刪除一行，后面的行號自動補齊
oTable.rows[2].deleteCell(1); //刪除一個單元格，后面的也自動補齊
}
</script>

動態刪除表格的行

<script language="javascript">
function myDelete(){
var oTable=document.getElementById("member"); //經過測試,這是多余的語句
//刪除該行
this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
}
window.onload=function(){
var oTable=document.getElementById("member");
var oTd;
//動態添加delete鏈接
for(var i=1;i<oTable.rows.length;i++){
oTd=oTable.rows[i].insertCell(5);
oTd.innerHTML="<a href='#'>delete</a>";
oTd.firstChild.onclick=myDelete; //添加刪除事件
}
}
</script>

刪除表格的列(自定義函數)

SS網格布局是一組相交的水平線和垂直線，它定義了網格的行和列（可以理解為表格）。我們可以將網格元素放置在與這些列和行相關的位置上，是二維的布局系統，可以用在布局頁面主要區域或小型用戶界面元素；

特點:

固定的位置和彈性的軌道的大小
可以根據行號、行名或者標定一個網格區域來擺放網格項
創建額外的軌道來包含內容
控制項目對齊
控制重疊內容

這篇內容主要探討其中一個特點：可以根據行號、行名或者標定一個網格區域來擺放網格項；

網格軌道（grid track）是網格上任意兩條相鄰線之間的空間。下圖顯示了一個突出顯示的軌道——這是網格中第一行的軌道。

當我們定義網格時，我們先定義的是網格軌道，而不是網格線；網格布局會為我們創建編號的網格線來讓我們來擺放每一個網格元素。

* {
            box-sizing: border-box;
        }

        .wrapper {
            border: 2px solid #f76707;
            border-radius: 5px;
            background-color: #fff4e6;
        }

        .wrapper>div {
            border: 2px solid #ffa94d;
            border-radius: 5px;
            background-color: #ffd8a8;
            padding: 1em;
            color: #d9480f;
        }

        .wrapper {
            display: grid;

            /* 3列軌道  列寬自動計算*/
            grid-template-columns: repeat(3, 1fr);

            /* 3行軌道  行高100px*/
            grid-template-rows: repeat(3, 100px);
        }

 <div class="wrapper">
        <div class="box1">One</div>
        <div class="box2">Two</div>
        <div class="box3">Three</div>
        <div class="box4">Four</div>
    </div>

如下圖三列三行的網格，行從上往下：線號1、2、3、4，從下往上：-1、-2、-3、-4；列從左往右：1、2、3、4，從右往左:-1、-2、-3、-4

理解了網格的線，那么怎么基于線來控制元素在網格的位置？

線編號來布局元素

例如控制One元素，想要最左開始占一個列軌道，占3條行軌道

.box1 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 4;
}

One元素，最左開始，占第一列軌道grid-column-start: 1;grid-column-end: 2;，grid-row-start從第1行線號開始，延伸至第4行號結束grid-row-end;Four元素就會自動在行軌道下一個空的單元格，對其他3個元素同樣進行控制擺放：

.box1 {
  <*列1號線開始,2號線結束，行1號線開始，4號線結束*>
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 4;
}
.box2 {
  <*列3號線開始,4號線結束，行1號線開始，3號線結束*>
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 3;
}
.box3 {
  <*列2號線開始,3號線結束，行1號線開始，2號線結束*>
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}
.box4 {
  <*列2號線開始,4號線結束，行3號線開始，4號線結束*>
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
}

4個元素都各自有設置線編號來實現位置擺放，網格布局的一個優勢是：無需給元素周圍加上 margin 來阻止文檔流自動填補空白，就能實現設計中的留白區域；
grid-column-start,grid-column-end,grid-row-start,grid-row-end CSS代碼太多了，還可以簡寫為 grid-column 和 grid-row，

.box1 {
  grid-column: 1 / 2;
  grid-row: 1 / 4;
}
.box2 {
  grid-column: 3 / 4;
  grid-row: 1 / 3;
}
.box3 {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.box4 {
  grid-column: 2 / 4;
  grid-row: 3 / 4;
}

如果元素只延伸一個軌道的話，可以省略grid-column-end、grid-row-start,只寫grid-column、grid-row，元素默認延伸一個軌道

.box1 {
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row-end: 4;
}
.box2 {
  grid-column-start: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}
.box3 {
  grid-column-start: 2;
  grid-row-start: 1;
}
.box4 {
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 3;
}

屬性名和值的簡寫如下:

.box1 {
  grid-column: 1;
  grid-row: 1 / 4;
}
.box2 {
  grid-column: 3;
  grid-row: 1 / 3;
}
.box3 {
  grid-column: 2;
  grid-row: 1;
}
.box4 {
  grid-column: 2 / 4;
  grid-row: 3;
}

元素擺放效果是一樣的：

有沒有再進一步簡寫，來實現相同的元素擺放呢？還可以只定義一個屬性grid-area；

grid-area屬性

使用這個屬性前，先看看寫法：

.box1 {
  grid-area: 1 / 1 / 4 / 2;
}

怎么理解這個One元素grid-area值呢？順序看起來有點奇怪，聯想對比padding值，元素的上、有、下、左，先看看grid-area值的順序分別代表啥意思

grid-area: 行起始(inline-start)/ 塊起始(block-start)/ 行結束(inline-end)/ 塊結束(block-end)

One元素列1號線開始,2號線結束，行1號線開始，4號線結束。值的順序和padding值不一樣，因為與CSS書寫模式規范中的書寫方向有關系。書寫流關聯的4個方向：

塊起始（block-start）
塊結束（block-end）
行起始（inline-start）
行結束（inline-end）網頁的英文書寫是從左至右，從上至下，

當使用grid-area屬性定義網格時，結合書寫流方向理解，值的順序就清晰了；

grid-area: grid-row-start / grid-column-start / grid-row-end/ grid-column-end

同樣可以簡寫：

.box1 {
  grid-area: 1 / 1 / 4;
}

反方向記數

也可以從行和塊結束線開始反方向計數

.box1 {
  grid-area: -1 / -1 / -4;
}

使元素跨越整條軌道.如果一個元素是占據一行的，擁有從開始計數和從末尾計數這兩種定位方法使得使一個元素跨越整個網格變得很方便，例如Four元素

.box4 {
 grid-column: 1 / -1;
}

間距

間距只出現在網格軌道與軌道之間，它們并不會出現在網格容器的四周。給網格容器添加行間距row-gap

.wrapper {
  ...
  row-gap: 1em;
}

.wrapper {
  ...
  row-gap: 1em;
  column-gap: 1px;
}

行間距row-gap，列間距column-gap:

簡寫：

.wrapper {
  ...
  gap: 1em / 1px;
}

從基于線定位的角度來說，間距的行為就像是使基線變得特別寬。

關鍵字span

除了”起始線與結束線“的定位方法，你還可以使用”起始線與跨越軌道數量“的定位方法,

.box1 {
  grid-column: 1;
  grid-row: 1 / span 3;
}
.box2 {
  grid-column: 3;
  grid-row: 1 / span 2;
}
.box3 {
  grid-column: 2;
  grid-row: 1;
}
.box4 {
  grid-column: 2 / span 2;
  grid-row: 3;
}

One元素grid-row: 1 / span 3;理解為從第1號行線開始，跨越3條行軌道，截止在第4號行線；
Two元素grid-row: 1 / span 2;理解為從第1號行線開始，跨2條行軌道，截止在第3號行線；
Four元素grid-column: 2 / span 2;理解為從第1號列線開始，跨2條列軌道，截止在第4號列線；

從確定的線編號開始，跨越指定數量的行軌道；

例1
.box1 {
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row-end: span 3;
}

例2
.box1 {
  grid-column-start: 1;
  grid-row-start: span 3;
  grid-row-end: 4;
}

例1、例2 兩個都是會創建相同的網格，One元素在1列軌道，占3條行軌道；
例1:元素就會從 1 號線開始，跨越 3 條線，到 4 號線結束
例2:元素會從指定的線往上跨越 3 條線;

例3
.box1 {
  grid-column-start: 1;
  grid-row-start: span 3;
  grid-row-end: span 3;
}

例3:與例2 相同的行為;
當開始和結束都使用了關鍵字時，只有grid-row-start起效；

例4
.box1 {
  grid-column-start: 1;
  grid-row-start: span 3;
  grid-row-end: span 2;
}

例4

例5
.box1 {
  grid-column-start: 1;
  grid-row-start: span 2;
  grid-row-end: span 3;
}

例6
.box1 {
  grid-column-start: 1;
  grid-row-start: span 1;
  grid-row-end: span 3;
}

例6

總結

認識網格基于線來擺放元素的使用，屬性grid-column、grid-row的寫法，以及元素根據行號，多種方式實現跨行跨列的布局；

. 對不同類型的單元格定義不同的輸入法

在一個工作表中，通常既有數字，又有字母和漢字。于是，我們在編輯不同類型的單元格時，需要不斷地切換中英文輸入法，這不但降低了編輯效率，而且讓人覺得麻煩。下面的方法能讓Excel針對不同類型的單元格，實現輸入法的自動切換: 1.選擇需要輸入漢字的單元格區域，單擊“數據→有效性”命令，在“數據有效性”對話框中選擇“輸入法模式”選項卡，在“模式”下拉列表中選擇“打開”，單擊“確定”按鈕（）; 2.同樣，選擇需要輸入字母或數字的單元格區域，單擊“數據→有效性”命令，選擇“輸入法模式”選項卡，在“模式”下拉列表中選擇“關閉(英文模式)”，單擊“確定”按鈕。此后，當插入點處于不同的單元格時，Excel會根據上述設置，自動在中英文輸入法間進行切換，從而提高了輸入效率。

2. 在Excel中快速插入Word表格

1.打開Word表格所在的文件; 2.打開要處理Word表格的Excel文件，并調整好兩窗口的位置，以便看見表格和要插入表格的區域; 3.選中Word中的表格; 4.按住鼠標左鍵，將表格拖到Excel窗口中，松開鼠標左鍵將表格放在需要的位置即可。

3. 設置單元格字體

選定要格式化的全部單元格或單個單元格中的指定文本，單擊“格式→單元格”命令，在“字體”框中，單擊所需字體，在“字號”框中，單擊所需的字體大小即可（）。另外，如果某一單元格中的少量數據不可見，那么可減小這些數據字體的大小，而不用調整列的寬度，以顯示單元格中所有數據。

4. 在一個單元格中顯示多行文字

選定要設置格式的單元格，單擊“格式→單元格”命令，在打開的單元格格式對話框中選中“對齊”選項卡下的“自動換行”復選框（）即可。

5. 將網頁上的數據引入到Excel表格

網頁上表格形式的信息可以直接從瀏覽器上復制到Excel中，而且效果極佳。你可以選中信息并復制它，然后將信息粘貼到Excel中，或者可以選中信息并將其拖放到Excel中。使用這種“拖放”方法傳輸和處理任何基于網絡的表格數據會顯得非常簡單并且異常快捷。在Excel 2002中，你可以像使用Excel工作表那樣打開Html文件，并獲得同樣的功能、格式及編輯狀態。

6. 取消超級鏈接

下面介紹兩個方法，讓你方便地取消Excel中的超級鏈接。 1.如果正在輸入URL或E-mail地址，在輸入完畢后敲回車鍵，剛才輸入的內容會變成藍色，此時單擊智能標記選擇“撤消超鏈接”命令即可。 2.如果在工作表中已存在超級鏈接，右鍵單擊單元格，在快捷菜單中選擇“取消超鏈接”命令即可。

7. 編輯單元格內容

雙擊要鍵入數據的單元格，直接輸入數據或對其中內容進行修改，完成后若要確認所做的改動，按Enter鍵即可;若取消所做的改動，按Esc鍵。另外，你還可以單擊單元格，再單擊工作表上邊的編輯欄，你就可以在編輯欄中編輯單元格中的數據了。

8. 設置單元格邊框

選擇要添加邊框的所有單元格，單擊“格式→單元格”命令，選擇“邊框”選項卡（），然后在“樣式”中選中所需的線型樣式，同時可以在“顏色”中指定不同的顏色，再單擊“外邊框”按鈕，最后單擊“確定”按鈕即可。要設置含有旋轉文本的選定單元格的樣式，單擊“格式→單元格”命令，選擇“邊框”選項卡，然后使用“預置”下的“外邊框” 和“內部”按鈕，邊框應用于單元格的邊界，它會和文本旋轉同樣的角度。

9. 設置單元格文本對齊方式

選擇要設置文本對齊的單元格，單擊“格式→單元格”命令，單擊“對齊”標簽，然后根據需要設置文本對齊方式即可。

10. 輸入公式

單擊將要在其中輸入公式的單元格，然后鍵入＝(等號)，若單擊了“編輯公式”按鈕或“粘貼函數”按鈕，Excel將插入一個等號，接著輸入公式內容，按Enter鍵。

11. 輸入人名時使用“分散對齊”（微軟Office技巧大賽獲獎作品）

在Excel表格中輸入人名時為了美觀，我們一般要在兩個字的人名中間空出一個字的間距。按空格鍵是一個辦法，但是我們這里有更好的方法。我們以一列為例，將名單輸入后，選中該列，點擊“格式→單元格→對齊”，在“水平對齊”中選擇“分散對齊”，最后將列寬調整到最合適的寬度，整齊美觀的名單就做好了。

12. 隱藏單元格中的所有值（微軟Office技巧大賽獲獎作品）

有時候，我們需要將單元格中所有值隱藏起來，這時你可以選擇包含要隱藏值的單元格。單擊“格式→單元格”命令，選擇“數字”選項卡，在“分類”列表中選擇“自定義”，然后將“類型”框中已有的代碼刪除，鍵入“;;;”(3個分號)即可（）。提示:你也許奇怪為什么會這樣，其實單元格數字的自定義格式是由正數、負數、零和文本4個部分組成。這4個部分用3個分號分隔，哪個部分空，相應的內容就不會在單元格中顯示。現在都空了，當然就都不顯示了。

13. 恢復隱藏列

通常，選擇隱藏列兩邊列上的單元格，然后選擇“格式→列→取消隱藏”菜單項可以恢復隱藏的列。其實恢復隱藏列還有一種快捷方法:將鼠標指針放置在列標的分割線上，例如，若隱藏B列，則將鼠標指針放置在列A和列C的分割線上，輕輕地向右移動鼠標指針，直到鼠標指針從兩邊有箭頭的單豎變為兩邊有箭頭的雙豎杠，此時拖動鼠標就可以打開隱藏的列。

14. 快速隱藏/顯示選中單元格所在行和列（微軟Office技巧大賽獲獎作品）

在Excel中隱藏行或列, 通常可以通過格式菜單中的行或列選項中的隱藏來實現, 或者是選中行號或列標后通過鼠標右鍵的快捷菜單來完成, 對于分散的單元格區域, 可以這樣快速隱藏: 快速隱藏選中單元格所在行:“Ctrl + 9” 快速隱藏選中單元格所在列:“Ctrl + 0” 取消行隱藏:“Ctrl+Shift+9” 取消行隱藏:“Ctrl+Shift+0”

15. 徹底隱藏單元格

在很多時候我們會將一些行或列的內容隱藏起來不讓別人查看，但是如果用戶復制包含隱藏行或列的區域，這樣隱藏的內容就會在粘貼的新的工作表中出現，降低了隱藏效果。如果要想避免這種情況，我們可以先選中要復制的區域，然后單擊“編輯→定位”命令，在打開的對話框中點擊“定位條件”按鈕，在定位條件對話框中選中“可見單元格”選項），這樣就可以避免上面所發生的情況了。

16. 用下拉列表快速輸入數據

如果某些單元格區域中要輸入的數據很有規律，如學歷(小學、初中、高中、中專、大專、本科、碩士、博士)、職稱(技術員、助理工程師、工程師、高級工程師)等，你希望減少手工錄入的工作量，這時我們就可以設置下拉列表實現選擇輸入。具體方法為: 選取需要設置下拉列表的單元格區域，單擊“數據→有效性”命令，從“數據有效性”對話框中選擇“設置”選項卡，在“允許”下拉列表中選擇“序列”，在“來源”框中輸入我們設置下拉列表所需的數據序列，如“技術員、助理工程師、工程師、高級工程師”，并確保復選框“提供下拉箭頭”被選中，單擊“確定”按鈕即可（）。這樣在輸入數據的時候，就可以單擊單元格右側的下拉箭頭選擇輸入數據，從而加快了輸入速度。

17. 快速輸入自定義短語

使用該功能可以把經常使用的文字定義為一條短語，當輸入該條短語時，“自動更正”便會將它更換成所定義的文字。定義“自動更正”項目的方法如下:單擊“工具→自動更正選項”命令，在彈出的“自動更正”對話框中的“替換”框中鍵入短語，如“電腦報”，在“替換為”框中鍵入要替換的內容，如“電腦報編輯部”，單擊“添加”按鈕，將該項目添加到項目列表中，單擊“確定”退出。以后只要輸入“電腦報”，則“電腦報編輯部”這個短語就會輸到表格中。

18. 設置單元格背景色

選擇要設置背景色的單元格，單擊“格式→單元格”命令，然后單擊“圖案”選項卡，要設置帶有圖案的背景色，請在“顏色”框中單擊選中一種顏色，然后單擊“圖案”下拉菜單，選擇所需的圖案樣式和顏色即可。

19. 快速在多個單元格中輸入相同公式

先選定一個區域，再鍵入公式，然后按“Ctrl+Enter”組合鍵，可以在區域內的所有單元格中輸入同一公式。

20. 同時在多個單元格中輸入相同內容

選定需要輸入數據的單元格，單元格可以是相鄰的，也可以是不相鄰的，然后鍵入相應數據，按“Ctrl+Enter”鍵即可。

21. 快速輸入日期和時間

當前日期選取一個單元格，并按“Ctrl+;” 當前時間選取一個單元格，并按“Ctrl+Shift+;” 當前日期和時間選取一個單元格，并按“Ctrl+;”，然后按空格鍵，最后按“Ctrl+Shift+;” 注意:當你使用這個技巧插入日期和時間時，所插入的信息是靜態的。要想自動更新信息，你必須使用TODAY和NOW函數。

22. 將復制的單元格安全地插入到現有單元格之間

如果你想要將一塊復制的單元格插入到其他行或列之間——而不是覆蓋這些行或列——可以通過下面這個簡單的操作來完成: 選擇你將要復制的單元格，單擊編輯菜單上的復制，在工作表上選擇將要放置被復制單元格的區域，然后按下“Ctrl+Shift+ +”，在插入對話框中單擊周圍單元格的轉換方向，然后單擊“確定”。現在，復制的單元格將插入到合適的位置，而你無需擔心它們覆蓋原有的信息。

23. 在Excel中不丟掉列標題的顯示

你是否希望不論將Excel電子表格滾動到哪里都能夠看到列標題？這里將介紹一種使列標題總保持可見的方法: 選擇緊鄰列標題的下一行，單擊“窗口→凍結窗格”命令，被凍結的列標題不會滾動，而且在你移動工作簿的其他部分時，列標題會保持可見。

24. 查看與日期等效的序列數的值

Excel將所有的日期都作為序列數對待，要查看與日期等效的序列數的值，通常需要將包含日期的單元格格式更改為“常規”格式。現在有一種快捷方法:選擇包含日期的單元格，然后單擊“格式”工具欄上的“千位分隔樣式”按鈕(即逗號形狀的按鈕)，Excel將會對選擇的單元格應用千位分隔樣式顯示序列數。

25. 快速復制單元格內容

選中下面的單元格，按“Ctrl+'（為英文狀態下的單引號）”組合鍵，即可將上一單元格的內容快速復制下來。

26. 使用自定義序列排序（微軟Office技巧大賽獲獎作品）

在Excel排序對話框中選擇主要關鍵字后單擊選項，可以選擇自定義序列作為排序次序，使排序方便快捷且更易于控制。順便說一下，排序可以選擇按列或按行，如果以前排行的順序都是選擇性粘貼轉置，排完序后再轉置。自定義排序只應用于“主要關鍵字”框中的特定列。在“次要關鍵字”框中無法使用自定義排序。若要用自定義排序對多個數據列排序，則可以逐列進行。例如，要根據列A或列B進行排序，可先根據列B排序，然后通過“排序選項”對話框確定自定義排序次序，下一步就是根據列A排序。

27. 快速格式化Excel單元格

如果想要快速訪問Excel中的單元格格式對話框，以更改諸如字樣、對齊方式或邊框等，請先選擇需要格式化的單元格然后按下“Ctrl+1”組合鍵，就可以打開“單元格格式對話框”。

28. 固定顯示某列

不少人在工作中用Excel做工資表時，由于工資表項目很多，往往一行信息不能同時顯示在屏幕上，給日常的查詢和變動工資輸入帶來一定困難。用下面的方法就可以解決這個問題:首先在表格中單擊要凍結列的右邊一列，然后單擊“窗口→凍結窗格”命令即可。如果你想撤消此功能，點擊“窗口”菜單，原來“凍結窗口”命令變成“撤消窗口凍結”，單擊它即可。

29. 在Excel中快速編輯單元格

如果你希望使用鍵盤做每一件事，在Excel電子表格中快速編輯數據將很困難，因為你會發現自己想對單元格做改動時，經常需要用到鼠標。其實你可以使用一個快捷鍵——F2，這樣你的手就不用離開鍵盤了。下面將教你怎么做: 利用箭頭鍵選擇要編輯的單元格，按下F2，編輯單元格內容，編輯完成后，按Enter鍵確認所做改動，或者按ESC鍵取消改動。注意:這個技巧在Excel編輯超級鏈接時非常方便，因為如果當你使用鼠標點擊單元格的超級鏈接時將自動打開Internet瀏覽器窗口，使用鍵盤可以很容易地編輯超級鏈接。

30. 使用自動填充快速復制公式和格式

想用一種無需輸入數字的簡單方法在Excel中填充數字嗎？利用自動填充命令，你可以快速向相鄰的單元格復制數據、公式或格式。以下將說明具體的操作方法: 選擇希望復制的單元格，將光標移到選中單元格的右下角，光標將變成一個黑色的+號，點擊并按住鼠標右鍵不放，將光標拖過將要填充的單元格，松開鼠標右鍵，鼠標右擊，在出現的快捷菜單中單擊“以序列方式填充”，這一技巧可以在創建電子表格時節省大量時間。

31. 為單元格添加批注

Excel為方便用戶及時記錄，提供了添加批注的功能，當你給單元格進行注釋后，只需將鼠標停留在單元格上，就可看到相應的批注。添加批注的方法是:單擊要添加批注的單元格，單擊“插入→批注”命令，在彈出的批注框中鍵入你要批注的文本，輸好后單擊批注框外部的工作表區域即可。在添加批注之后單元格的右上角會出現一個小紅點，提示該單元格已被添加了批注。將鼠標移到該單元格上就可以顯示批注。

在線咨詢

上一篇：Html5第一天練習
下一篇：3分鐘理解HTTP的請求與響應

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商