最近已經(jīng)上傳完畢！

這篇網(wǎng)頁是為了 Balsamiq Mockups 3 而上傳的。原來的文件您可以點擊這里來觀看。

數(shù)據(jù)網(wǎng)格控件的功能與其它基于文本的控件相似。它使用逗號分隔列，使用換行分隔行。一個基本的三列兩行表會像這樣：

First Name, Last Name, Email Address 
firstname, lastname, email@email.com

你可以在屬性檢視視圖中選擇是否將第一行作為表頭來顯示，同時也可以指定行高、顏色和網(wǎng)格線。

列寬選項

Mockups 使你可以指定獨立的數(shù)據(jù)網(wǎng)格的寬度和隊列。

下面有一個簡易視頻來顯示怎么做這些：

視頻

在創(chuàng)建列寬時有一些細節(jié)值得注意：

• 你必須添加一個指定的文本行作為你的表的最后一個文本行，并且還要被波形括號 {} 包起來
• 對于每一列，如果你想要列寬可以盡可能小到與列中文本匹配，可以設置列寬為 0；或者可以是其它數(shù)字
• 使用數(shù)字指定列的相對大小，例如 {2,1} 表示“在一個兩列數(shù)據(jù)表格中第一列是第二列的兩倍大小”。再如 {70,20,10} 表示“在一個三列數(shù)據(jù)表格中第一列占總寬度的 70%，第二列占 20%，第三列占 10%。
• 你可以混合使用 0 和除 0 之外的所有其它的數(shù)字，例如 {1,0,4}
• 如果你想要單個列對齊，可以在數(shù)字之后添加 L,C 或者 R，比如 {0R,2L,1} 意味著“在一個三列組成的數(shù)據(jù)表格中，第一列盡可能的小，并且靠右對齊，第二列是第三列的兩倍大，并且靠左對齊，通過數(shù)據(jù)網(wǎng)格對齊方式設置（從控制面板）來決定如何對齊這第三列”。

在數(shù)據(jù)表格中使用圖標和下拉菜單

Data Grid 支持排序圖標，需要在表頭添加如下文本：

• 升序 : ^
• 降序 : v

Data Grid 支持在表格中使用一個單獨的復選框或單選按鈕，需要使用如下文本：

• 復選框：[] 或 [ ]
• 被勾選的復選框：[x] 或 [v] 或 [o] 或 [*] 或 [X] 或 [V] 或 [O]
• 不確定的復選框：[-]
• 單選按鈕：() 或 ( )
• 被選中的單選按鈕：(x) 或 (v) 或 (o) 或 (*) 或 (X) 或 (V) 或 (O)
• 不確定的單選按鈕：(-)

在 Data Grid 中添加換行

有時候你想在表格中添加一個換行。你可以使用 "\r" 來實現(xiàn)這一功能。
下面的代碼示例將顯示成兩行:

Name\r(job title)

從 Excel 中粘貼數(shù)據(jù)

有些人喜歡在電子表格比如 Excel 中準備表格。你可以直接從 Excel 中復制和粘貼一些列表格到 Data Grid/Table 組件中。只需要復制/粘貼，它就可以完成了。也可以逆向使用，從 Mockups 到 Excel。

注釋：如果你的表格中有逗號，你可以使用斜杠來顯示它們，像這樣:
1\,000\,000

組件默認逗號和 tab 是定界符。其它所有的都必須在表格之中。