asp.net web資料庫控制元件內table(包括巢狀table)的邊線問題
在做資料繫結顯示的時候,經常會遇到這樣的情況,使用一些asp.net web資料庫控制元件,如Repeater、FormView等,裡面的模板裡使用table,還有可能是多個資料控制元件巢狀,裡面有多個table,這樣就能顯示各種複雜的表格,但是table表格的邊框線,就是一個問題,經常會遇到邊線重複,就造成邊線加粗的情形,怎麼解決?
先總結一下,備忘:
<style type="text/css">
body
{
font-size: 12px;
}
td
{
font-size: 12px; height: 20px; line-height: 20px; height:20px;
}
.table
{
border-right: black 1px solid;
border-bottom: black 1px solid;
}
.table td
{
border-top: black 1px solid;
border-left: black 1px solid;
}
</style>
<asp:FormView ID="FormView1" runat="server" DataKeyNames="ID" DataSourceID="SqlDataSource1"
Width="100%" Font-Size="Medium">
<ItemTemplate>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" class="table" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="font-weight: bold; height: 30px; width: 3%">
單位
</td>
<td align="center" colspan="5" style="width: 97%">
<asp:Label ID="lbldw" runat="server" Text='<%#Eval("單位") %>'></asp:Label>
</td>
</tr>
<tr>
<td align="center" style="font-weight: bold; height: 30px; width: 10%">
檢查時間
</td>
<td align="center" colspan="2">
<asp:Label ID="lbljcsj" runat="server" Text='<%#ConvertTime(Eval("檢查時間").ToString()) %>'></asp:Label>
</td>
<td align="center" style="font-weight: bold; height: 30px; width: 10%">
檢查內容
</td>
<td align="center" colspan="2">
<asp:Label ID="lbljcnr" runat="server" Text='<%#Eval("檢查內容") %>'></asp:Label>
</td>
</tr>
<tr>
<td align="center" style="font-weight: bold; height: 30px; width: 10%">
參加人員
</td>
<td align="center" colspan="5">
<asp:Label ID="lblcjry" runat="server" Text='<%#Eval("參加人員") %>'></asp:Label>
</td>
</tr>
<tr>
<td align="center" style="font-weight: bold; height: 30px; width: 10%">
隱患登記
</td>
<td align="center" colspan="5">
<asp:Label ID="lblyhdj" runat="server" Text='<%#Eval("隱患登記") %>'></asp:Label>
</td>
</tr>
<tr>
<td align="center" style="font-weight: bold; height: 30px; width: 3%">
序號
</td>
<td align="center" style="font-weight: bold; height: 30px; width: 14%">
隱患部位
</td>
<td align="center" style="font-weight: bold; height: 30px; width: 34%">
隱患內容
</td>
<td align="center" style="font-weight: bold; height: 30px; width: 14%">
整改責任人
</td>
<td align="center" style="font-weight: bold; height: 30px; width: 14%">
限定日期
</td>
<td align="center" style="font-weight: bold; height: 30px; width: 19%">
完成情況
</td>
</tr>
<tr>
<td align="center" id="One_td1" runat="server">
</td>
<td align="center" id="Two_td1" runat="server">
</td>
<td align="center" id="Three_td1" runat="server">
</td>
<td align="center" id="Four_td1" runat="server">
</td>
<td align="center" id="Five_td1" runat="server">
</td>
<td align="center" id="Six_td1" runat="server">
</td>
</tr>
<tr>
<td align="center" style="font-weight: bold; height: 30px; width: 10%">
備註
</td>
<td align="center" colspan="5">
<asp:Label ID="lblbz" runat="server" Text='<%#Eval("備註") %>'></asp:Label>
</td>
</tr>
<tr>
<td align="center" style="font-weight: bold; height: 30px; width: 10%">
單位負責人
</td>
<td colspan="2" align="center">
<asp:Label ID="lbldwfzr" runat="server" Text='<%#Eval("單位負責人") %>'></asp:Label>
</td>
<td align="center" style="font-weight: bold; height: 30px; width: 10%">
記錄
</td>
<td colspan="2" align="center">
<asp:Label ID="lbljlr" runat="server" Text='<%#Eval("記錄人") %>'></asp:Label>
</td>
</tr>
</table>
</td>
</tr>
</table>
</ItemTemplate>
<PagerStyle BorderColor="White" />
<RowStyle BorderColor="White" />
</asp:FormView>
效果圖如下:
相關文章
- el-table 多表格彈窗巢狀資料顯示異常錯亂問題巢狀
- 教你如何解決el-table巢狀el-popover處理卡頓問題巢狀
- 調研azkaban內部資料庫幾張table資料庫
- 資料庫表--nested table資料庫
- 資料庫表--temporary table資料庫
- 資料庫表--object table資料庫Object
- 資料庫表--external table資料庫
- 資料庫表--heap organized table資料庫Zed
- 資料庫表--index organized table資料庫IndexZed
- 資料庫表--index clustered table資料庫Index
- 資料庫表--hash clustered table資料庫
- 資料庫 sqlite3_get_table,sqlite3_free_table資料庫SQLite
- 資料庫表--sorted hash clustered table資料庫
- table控制元件的基本用法控制元件
- DELETE TABLE資料後,查詢變慢,問題處理delete
- 關於partition table import的問題Import
- 資料庫升級後‘PLAN_TABLE資料庫
- 資料庫 - 連線查詢、巢狀查詢、集合查詢資料庫巢狀
- Table邊框使用總結
- 關於 mysql 中的 select * from table_a,table_b 的問題MySql
- 巢狀評論的資料庫表設計巢狀資料庫
- ASP.NET Web Forms – 資料庫連線簡介ASP.NETWebORM資料庫
- web前端入門到實戰:HTML元素巢狀問題Web前端HTML巢狀
- mybatis進行資料庫建表 CREATE command denied to user 'root'@'127.0.0.1' for table 問題MyBatis資料庫127.0.0.1
- REORG TABLE命令最佳化資料庫效能資料庫
- 【資料庫資料恢復】Oracle資料庫誤truncate table的資料恢復案例資料庫資料恢復Oracle
- 【資料庫資料恢復】誤truncate table的Oracle資料庫資料恢復方案資料庫資料恢復Oracle
- jQuery table內容點選標題排序jQuery排序
- table 設定合併邊框
- JavaScript設定table表格邊框JavaScript
- 用getChildFragmentManager解決Fragment巢狀Fragment資料丟失的問題Fragment巢狀
- bootstrap-table表格顯示問題boot
- MySQL資料庫出錯:Table ... is marked as crashed and should be repairedMySql資料庫AI
- 資料庫審計(create/alter/drop table、user、tablespace)資料庫
- Waiting for table阻塞查詢的問題AI
- 使用 SAP HANA Virtual Table 連線外部資料來源
- 【資料庫資料恢復】oracle資料庫誤truncate table怎麼恢復資料?資料庫資料恢復Oracle
- jive的資料庫連線配置問題資料庫