在網頁設計中，經常會用到表格來展示數據內容。但是如果表格太多，頁面就會顯得臃腫，影響用戶體驗。這時候，我們可以使用CSS來隱藏和顯示表格，讓用戶可以根據需要來查看數據內容。

.table {
display: none;
}

以上是一個簡單的CSS代碼，可以將表格隱藏起來。接著我們可以在網頁中添加一個按鈕，用來觸發顯示表格的事件。

點擊顯示表格

接著我們需要編寫一個JavaScript函數來實現顯示和隱藏表格的功能。

function toggleTable() {
var table = document.querySelector('.table');
if (table.style.display === 'none') {
table.style.display = 'table';
} else {
table.style.display = 'none';
}
}

此時，當用戶點擊“點擊顯示表格”按鈕時，就會觸發toggleTable()函數，可以讓我們的表格在頁面上顯示和隱藏。

總的來說，CSS的顯示和隱藏功能非常方便，能夠幫助我們更好地展示數據信息。