如何重新創建此表效果

我想知道如何從該圖像重新創建此表。對於我的課程項目，我們應該重新設計這個頁面，但是我不知道如何實現類似的東西。看起來好像有人在頁面中嵌入了Excel電子表格。如何重新創建此表效果

Here is the picture of the Table.

2013-11-15 todaroa

你可以用CSS來做，但這個截圖看起來不像是一個網頁......它可能是，但它看起來更像是一些有人做的VB應用程序 – hammus

那麼這就解釋了很多。此外，爲什麼大學將公司外包給我們的公司有這樣奇怪的期望。謝謝。 – todaroa

使用表頭的藍色背景添加到頂部一行CSS。

th { background: some blue-ish color}

添加一個固定寬度的div（表格應該在div內）並使用overflow：scroll;爲滾動條效果。

第一列的行距。

很基礎的CSS東西，你是否需要添加功能，或者只是CSS？

2013-11-15 00:34:30 Nabbit

爲什麼downvote？ – Nabbit

謝謝。它具有完整的Excel功能，這是我試圖弄清楚我是否可以重新創建。 – todaroa

不客氣。啊，我看到了，那麼你將不得不使用jQuery或PHP（看到這個問題被標記爲「PHP」），如果你被允許使用插件，也許你可以使用這樣的東西：http://handsontable.com/ – Nabbit

回答