css-tables

0熱度

4回答

我有一個CSS表，我想有單元格之間的空間，但不是在第一個圖像的左側和最後一個圖像的右側。這裏是什麼，我有一個截圖：這裏是我想什麼的截圖：當前的HTML是： <div id="footer"> <div class="lower"><img src="images/one.jpg" alt="Ring being put on finger"/></div> <div

1熱度

1回答

自定義篩選器到Datatable

我想將自己的篩選器添加到數據表的第二列。下面是我的代碼。 <!doctype html> <html> <head> <style> table{ border:1px solid blue; } tr{ border:1px solid blue; } td{ border:1px solid blue; } tfoot input { width:

2熱度

1回答

CSS和表格邊框問題

我正在嘗試製作一個具有10x10個瓷磚的藍色背景網格。所有的瓷磚都需要是正方形的，而且需要用藍色填充，並用一條小黑線分隔每個瓷磚。當我在CSS中格式化表格時，它的邊緣太寬了，這是一個小問題，但卻是相當不合理的問題。我看不出有什麼問題，其他人可以嗎？ var boatStatusClient = ""; var x_client = 0; var y_client = 0; var

0熱度

2回答

兩個並列的div，但首先與寬度自動stetch，第二個依賴於上下文

我需要兩個div並排。但第二個（右）的寬度取決於上下文。第一個必須拉伸。 jsFiddle EXAMPLE HTML： <div class="div-table"> <div class="div-table-row"> <div class="div-table-col1">1st Column<br>1st Column</div> <div class="

0熱度

2回答

在js表搜索過程中保持行填充

我有一個信息表和一個簡單的搜索函數來搜索表中的任何值。使用CSS我對錶格進行了樣式設計並給出了每一行padding，但是當我使用搜索功能時，它似乎忽略了padding。也許下面的代碼片段是有用的：嘗試搜索，這不是有喜歡粉紅色的值。即使沒有找到任何值，是否有一種方法在整個搜索中保持填充？ var $rows = $('.list #data'); $('#search').keyup(f

0熱度

1回答

包裝在表格中的表格行被讀爲所有偶數或全部奇數。任何想法爲什麼？

這是一個奇怪的。我將錶行包裝在表單中以使行可點擊，並通過發佈將數據發送回父頁面。這裏是我的html，這是在一個PHP函數從MySQL數據庫生成的數據樣本： table.iframetbl { \t width: 90%; \t margin-left: auto; \t margin-right: auto; \t text-align: c

0熱度

1回答

嵌入式表格滾動垂直固定標題

我有一個嵌入另一個div的表格，當然這個表格大於外部div。我正在使用ScrollToFixed在滾動時將標題固定在頂部，並且當表格內容超出視口時將其重新保留。這有效，但真正醜陋的是，雖然標題行是固定的，但它比內容更大，因此它左/右溢出。請參閱the Fiddle它的工作方式如上所述。我可以想象的是以某種方式設置表格的固定高度和寬度，它應該是垂直和水平滾動的，因爲有溢出，第一行應該固定在滾動上

0熱度

2回答

如何使用HTML/CSS表繪製心臟？

我想提請心臟：使用HTML表的第n個孩子的財產，但無法弄清楚如何做到這一點：Codepen table tr td:nth-child(n+3):nth-child(-n+7) { background-color: red; }

2熱度

2回答

Div高度跟隨較小的div高

我有兩個div，一個在另一個旁邊。左邊的會有很多內容，所以我想把滾動條放在上面。正確的div將有較少的內容，所以左div應遵循正確的div的高度。右格的內容是動態的，所以我不能設置左格的max-height。我試過display:table-cell，但沒有成功。 .container { display: table; border: 2px solid red;

0熱度

1回答

爲什麼純Css監聽點擊事件並觸發滾動事件？

我有以下片段。我沒有編寫任何腳本，它是純Css，但是當點擊標題時會觸發一些奇怪的事件。如果您單擊向下滾動並單擊標題，div容器將自動向上滾動。這是我想禁用它的不需要的事件。有人可以解釋爲什麼嗎？以及如何禁用它？ <!DOCTYPE html> <html> <head> <style> table, th, td { border