HTML-table 設置表頭和列鎖定功能

學習來源：http://www.webkaka.com/tutorial/html/2021/0630123/

感謝大神的文章，受益匪淺！

結合大神文章的代碼實例，根據自己的情況更改

 

 

此功能為CSS樣式控制，不需要js。

我的項目中，我將需要鎖定的列標簽設置為th。

如果有多個列需要鎖定，繼續在CSS樣式中添加相應樣式

HTML-table實現表頭鎖定和列鎖定

學習來源：http://www.webkaka.com/tutorial/html/2021/0630123/

1、table要放在指定寬度高度的div中

2、★table的class設置為“tab_DataList_1”

3、★★★將需要鎖定的列將td標簽設置為th標簽，根據要鎖定的列繼續添加CSS樣式


CSS樣式
        /* 設置表格屬性 */
        .tab_DataList_1 {
            border-collapse:separate;  /* 為表格設置合並邊框模型 */
            table-layout: fixed;  /* 設置表格布局算法 */
        }

        /* 設置單元格樣式 */
        .tab_DataList_1 th {
            border:#b2c9dd 1px solid;
            border-left:blue 1px solid;
            border-right:blue 1px solid;
        }
        .tab_DataList_1 td {
            border:#b2c9dd 1px solid;
        }

        /* 設置第一行單元格樣式 */
        .tab_DataList_1 tr:first-child th {
            position: sticky;
            top: 0;
            z-index: 1;
            background:#d5e3ef;
        }
        .tab_DataList_1 tr:first-child td {
            position: sticky;
            top: 0;
            z-index: 1;
            background:#d5e3ef;
        }

        /* 設置第一行th單元格樣式 */
        .tab_DataList_1 tr:first-child th {
            z-index: 3;
        }
                /* 這是父級下第一個需要鎖定的列 */
        .tab_DataList_1 tr:first-child th:nth-child(2) {  /* 父級下第幾個標簽，從1開始 */
            left: 0;
        }
                /* ★★★這是父級下第二個需要鎖定的列，其他鎖定列繼續添加CSS樣式★★★ */
        .tab_DataList_1 tr:first-child th:nth-child(4) {  /* 父級下第幾個標簽，從1開始 */
            left: 232;  /* 前面固定單元格的寬度綜合，每有一個單元格再+1為邊框寬度 */
        }

        /* 設置非第一行th單元格樣式 */
        .tab_DataList_1 tr:not(:first-child) th {
            position: sticky;
            z-index: 1;
            background:white;  /* 若不設置鎖定單元格背景色則為透明，可以看到下方的單元格數據 */
        }
                /* 這是父級下第一個需要鎖定的列 */
        .tab_DataList_1 tr:not(:first-child) th:nth-child(2) {
            left: 0;
        }
                /* ★★★這是父級下第二個需要鎖定的列，其他鎖定列繼續添加CSS樣式★★★ */
        .tab_DataList_1 tr:not(:first-child) th:nth-child(5) {
            left: 232;
        }

        /* 明細表非表頭行鼠標指向時行背景色改變 */
        .tab_DataList_1 tr:not(:first-child):hover {
            background:whitesmoke;
        }
        .tab_DataList_1 tr:not(:first-child):hover th {
            background:whitesmoke;
        }


HTML代碼(僅供參考)：
<div id="gundongdiv" style="OVERFLOW: auto; BORDER-TOP: #b2c9dd 1px solid; HEIGHT: 400px; BORDER-RIGHT: #b2c9dd 1px solid; WIDTH: 1200px !important; BORDER-BOTTOM: #b2c9dd 1px solid; MARGIN-LEFT: auto; BORDER-LEFT: #b2c9dd 1px solid; MARGIN-RIGHT: auto">
                <table width="2365" class="tab_DataList_1" id="tab_cp" style="BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none" border="0" cellspacing="0" cellpadding="0" emptygrid="KeepEmpty" menudock="Left" dynamicarea="1,1">
                    <tbody>
                        <tr class="xtbd">
                            <td width="67" height="34">
                                <aspxform:XCheckBox id="checkboxall" runat="server" Width="27px" XDataBind="allcheck" Text=" " Checked="True"></aspxform:XCheckBox>
                                序號
                            </th>
                            <th width="231">
                                <font color="#b2c9dd">成品名稱</font>
                            </th>
                            <td colspan="2">
                                成品編碼
                            </td>
                            <th width="116">
                                <font color="red">原廠貨號/條碼</font>
                            </th>
                            <td width="92" align="center">
                                <p align="center">
                                    產品信息描述
                                </p>
                            </td>
                            <td width="12" align="center" class="xhd">
                                包裝描述</td>
                            <td width="30">
                                <p align="center">
                                    單位
                                </p>
                            </td>
                            <td width="100">
                                <p align="center">
                                    <font color="red">數量</font>
                                </p>
                            </td>
                            <td width="72" align="center">
                                執行單價</td>
                            <td width="151" align="center">
                                <font color="#ff0000">單價</font>
                            </td>
                            <td width="72">
                                總價</td>
                            <td width="72" align="center">
                                折扣價</td>
                            <td width="72">
                                <p align="center">
                                    單價
                                </p>
                            </td>
                            <td width="82">
                                總價</td>
                            <td width="101">
                                <p align="center">
                                    單位成本<aspxform:XRequiredFieldValidator id="XRequiredFieldValidator14" runat="server" Width="75px" ForeColor="Red" Display="None" ErrorMessage="請填寫單位成本" ControlToValidate="XTextBox7">請填寫成本</aspxform:XRequiredFieldValidator>
                                </p>
                            </td>
                            <td width="82" align="center">
                                <font color="red">成本額</font>
                            </td>
                            <td width="186" align="center">
                                中間商</td>
                            <td width="72">
                                單價</td>
                            <td width="83">
                                總價</td>
                            <td width="82" align="center">
                                <font color="red">業務類型</font>
                            </td>
                            <td width="82">
                                <p align="center">
                                    <font color="red">裝箱率</font>&nbsp;
                                </p>
                            </td>
                            <td width="42" align="center">
                                輔計量單位</td>
                            <td width="82" align="center">
                                輔數量</td>
                            <td width="24" align="center">
                                <font color="#b2c9dd">客戶貨號</font>
                            </td>
                            <td width="12" align="center" class="xhd">
                                累計發貨量</td>
                            <td width="12" align="center" class="xhd">
                                稅率</td>
                            <td width="25">
                                <p align="center">
                                    凈重(kg)
                                </p>
                            </td>
                            <td width="25">
                                <p align="center">
                                    毛重(kg)
                                </p>
                            </td>
                            <td width="27">
                                <p align="center">
                                    長(cm)
                                </p>
                            </td>
                            <td width="27">
                                <p align="center">
                                    寬(cm)
                                </p>
                            </td>
                            <td width="27">
                                <p align="center">
                                    高(cm)
                                </p>
                            </td>
                            <td width="68" class="xhd">
                                <aspxform:XTextBox id="XTextBox100" runat="server" XDataBind="BLBPM:A_Sale_T1.BIsLock" HiddenExpress="1" BorderWidth="1" BorderColor="#DCDCDC" width="10%" Visibility="False">是</aspxform:XTextBox>
                                <aspxform:XTextBox id="XTextBox101" runat="server" XDataBind="BLBPM:A_Sale_T1.BClass" HiddenExpress="1" BorderWidth="1" BorderColor="#DCDCDC" width="10%" Visibility="False">公司</aspxform:XTextBox>
                                <aspxform:XTextBox id="XTextBox102" runat="server" XDataBind="BLBPM:A_Sale_T1.BName" HiddenExpress="1" BorderWidth="1" BorderColor="#DCDCDC" width="10%" Visibility="False">博麗玻璃</aspxform:XTextBox>
                            </td>
                        </tr>
                        <tr>
                            <td height="154" align="center">
                                <aspxform:XCheckBox id="XCheckBox1" runat="server" Width="20px" XDataBind="BLBPM:A_Sale_T1.IsChecked" Express="allcheck" Checked="True"></aspxform:XCheckBox>
                                <aspxform:XGridLineNo id="XGridLineNo1" runat="server" Width="50%" BorderWidth="1" TextAlign="Center" BorderStyle="None">1</aspxform:XGridLineNo>
                                <aspxform:XTextBox id="XTextBox131" runat="server" XDataBind="BLBPM:A_Sale_T1.NO" HiddenExpress="1" BorderWidth="1" BorderColor="#DCDCDC" width="100%" Visibility="False"></aspxform:XTextBox>
                            </td>
                            <th>
                                <aspxform:XRequiredFieldValidator id="XRequiredFieldValidator9" runat="server" ForeColor="Red" Display="None" ErrorMessage="請選擇成品" ControlToValidate="XTextBox11">R9</aspxform:XRequiredFieldValidator>
                                <aspxform:XLabel id="XLabel32" runat="server" Width="100%" XDataBind="BLBPM:A_Sale_T1.ProductName" FieldName="成品名稱" BackColor="Transparent"></aspxform:XLabel>
                            </th>
                            <td width="115">
                                <aspxform:XTextBox id="XTextBox132" runat="server" XDataBind="BLBPM:A_Sale_T1.IsFormOld" HiddenExpress="1" BorderWidth="1" BorderColor="#DCDCDC" width="100%" Visibility="False" BackColor="Transparent"></aspxform:XTextBox>
                                <aspxform:XTextBox id="XTextBox11" runat="server" XDataBind="BLBPM:A_Sale_T1.ProductCode" BorderWidth="1px" BorderColor="Gainsboro" width="100%" Max="0" Min="0" DisableExpress="1" FieldName="成品編碼" ValueToDisplayText HiddenInput="False" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td width="20">
                                <aspxform:XDataBrowserButton id="XDataBrowserButton4" runat="server" Width="20px" HiddenExpress="varFormState=='Edit'||varFormState=='Read'" XClass="YZSoft.Forms.Field.DataBrowserButton" XDataSource="DataSource:BLBPM;TableName:V_ProductFiles_M_NeiMao;Filter:IsDomesticSales->1;OrderBy:InventoryCode" DataMap="newID0->BLBPM:A_Sale_T1.NO;TaskID->BLBPM:A_Sale_T1.PTaskID;InventoryCode->BLBPM:A_Sale_T1.ProductCode;InventoryName->BLBPM:A_Sale_T1.ProductName;iGroupType->BLBPM:A_Sale_T1.cGroupCode;PrimaryName->BLBPM:A_Sale_T1.IUnitName;PrimaryUnit->BLBPM:A_Sale_T1.IUnit;AuxiliaryName->BLBPM:A_Sale_T1.PackingUint;AuxiliaryUnit->BLBPM:A_Sale_T1.IUnit1;PackingRate->BLBPM:A_Sale_T1.PackingRate;TBulk->BLBPM:A_Sale_T1.Tbulk;OriginalArticleNumber->BLBPM:A_Sale_T1.OrArNumber;ExecutionUnitPrice->BLBPM:A_Sale_T1.ExecutionUnitPrice" DisplayColumns="WaterCode:簡碼,65;InventoryCode:存貨編碼,125;InventoryName:存貨名稱,230;OriginalArticleNumber:條碼,110;ExecutionUnitPrice:執行單價,70" Text="+" UseSubmitBehavior="False" PopupWndHeight="-1" PopupWndWidth="-1" AppendMode="Append"></aspxform:XDataBrowserButton>
                            </td>
                            <th>
                                <aspxform:XTextBox id="XTextBox94" runat="server" XDataBind="BLBPM:A_Sale_T1.OrArNumber" BorderWidth="1" BorderColor="#DCDCDC" width="100%" DisableExpress="1" FieldName="原廠貨號" BackColor="Transparent"></aspxform:XTextBox>
                            </th>
                            <td class="xhd">
                                <aspxform:XLabel id="XLabel24" runat="server" XDataBind="ProDescribe" HiddenExpress="if(Global.StepName=='開始',1,0)" Express="BLBPM:A_Sale_T1.ProDescribe" FieldName="產品描述" BackColor="Transparent"></aspxform:XLabel>
                                <aspxform:XTextBox id="XTextBox16" runat="server" XDataBind="BLBPM:A_Sale_T1.ProDescribe" HiddenExpress="if(Global.StepName=='開始',0,1)" BorderWidth="1px" BorderColor="Gainsboro" width="100%" Max="0" Min="0" FieldName="產品描述" ValueToDisplayText HiddenInput="False" PlaceHolder BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XTextBox id="XTextBox122" runat="server" XDataBind="BLBPM:A_Sale_T1.BZDescribe" BorderWidth="1" BorderColor="#DCDCDC" width="100%" FieldName="包裝描述" TextMode="MultiLine" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td align="center">
                                <aspxform:XTextBox id="XTextBox49" runat="server" XDataBind="BLBPM:A_Sale_T1.cGroupCode" HiddenExpress="1" BorderWidth="1px" BorderColor="Gainsboro" width="100%" Visibility="False" Max="0" Min="0" ValueToDisplayText HiddenInput="False" BackColor="Transparent"></aspxform:XTextBox>
                                <aspxform:XTextBox id="XTextBox77" runat="server" XDataBind="BLBPM:A_Sale_T1.IUnitName" BorderWidth="1" BorderColor="#DCDCDC" width="100%" DisableExpress="1" FieldName="單位" TextAlign="Center" BackColor="Transparent"></aspxform:XTextBox>
                                <aspxform:XTextBox id="XTextBox17" runat="server" XDataBind="BLBPM:A_Sale_T1.IUnit" HiddenExpress="1" BorderWidth="1" BorderColor="#DCDCDC" width="100%" Visibility="False" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XRequiredFieldValidator id="XRequiredFieldValidator11" runat="server" ForeColor="Red" Display="None" ErrorMessage="成品數量不能為空" ControlToValidate="XTextBox18">XER</aspxform:XRequiredFieldValidator>
                                <aspxform:XTextBox id="XTextBox18" runat="server" XDataBind="BLBPM:A_Sale_T1.IQuantity" BorderWidth="1" BorderColor="#DCDCDC" width="100%" FieldName="數量" TextAlign="Right" Format="type:currency;.0" BackColor="Transparent"></aspxform:XTextBox>
                                <aspxform:XTextBox id="XTextBox52" runat="server" XDataBind="BLBPM:A_Sale_T1.OrderQuantity" HiddenExpress="1" BorderWidth="1" BorderColor="#DCDCDC" width="100%" Express="if(BLBPM:A_Sale_T1.UnitPrice!=0,BLBPM:A_Sale_T1.IQuantity,0)" DisableExpress="1" FieldName="訂單數量" TextAlign="Right" Format="type:currency;.0" BackColor="Transparent">0</aspxform:XTextBox>
                                <aspxform:XTextBox id="XTextBox53" runat="server" XDataBind="BLBPM:A_Sale_T1.GiftsQuantity" HiddenExpress="1" BorderWidth="1" BorderColor="#DCDCDC" Express="if(BLBPM:A_Sale_T1.UnitPrice==0,BLBPM:A_Sale_T1.IQuantity,0)" DisableExpress="1" FieldName="贈品數量" Format="type:currency;.0" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td align="right">
                                <aspxform:XTextBox id="XTextBox31" runat="server" Width="100%" XDataBind="BLBPM:A_Sale_T1.ExecutionUnitPrice" BorderWidth="1px" BorderColor="Gainsboro" Max="0" Min="0" DisableExpress="1" FieldName="執行單價" ValueToDisplayText HiddenInput="False" PlaceHolder TextAlign="Right" Format="type:currency;.4" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XRequiredFieldValidator id="XRequiredFieldValidator12" runat="server" DisableExpress="1" ForeColor="Red" Display="None" ErrorMessage="輸入單價" ControlToValidate="XTextBox29">XER</aspxform:XRequiredFieldValidator>
                                <aspxform:XTextBox id="XTextBox29" runat="server" Width="100%" XDataBind="BLBPM:A_Sale_T1.UnitPrice_Yuan" BorderWidth="1" BorderColor="#DCDCDC" Express="BLBPM:A_Sale_T1.ExecutionUnitPrice" TextAlign="Right" Format="type:currency;.4" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XTextBox id="TB_Amount_Yuan" runat="server" Width="100%" XDataBind="BLBPM:A_Sale_T1.Amount_Yuan" BorderWidth="1" BorderColor="#DCDCDC" Express="BLBPM:A_Sale_T1.IQuantity*BLBPM:A_Sale_T1.UnitPrice_Yuan" DisableExpress="1" ValueToDisplayText TextAlign="Right" Format="type:currency;.4" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XTextBox id="TB_DiscountAmount" runat="server" Width="100%" XDataBind="BLBPM:A_Sale_T1.DiscountAmount" BorderWidth="1" BorderColor="#DCDCDC" Express="BLBPM:A_Sale_M.DiscountAmount_FenTan*BLBPM:A_Sale_T1.Amount_Yuan/BLBPM:A_Sale_M.TotalAmount_Yuan" DisableExpress="1" TextAlign="Right" Format="type:currency;.4" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XTextBox id="XTextBox21" runat="server" XDataBind="BLBPM:A_Sale_T1.Amount" HiddenExpress="1" BorderWidth="1" BorderColor="#DCDCDC" width="100%" Express="BLBPM:A_Sale_T1.IQuantity*BLBPM:A_Sale_T1.UnitPrice" DisableExpress="1" FieldName="總價" TextAlign="Right" Format="type:currency;.4" BackColor="Transparent"></aspxform:XTextBox>
                                <aspxform:XTextBox id="XTextBox20" runat="server" XDataBind="BLBPM:A_Sale_T1.UnitPrice" BorderWidth="1" BorderColor="#DCDCDC" width="100%" Express="BLBPM:A_Sale_T1.Amount2/BLBPM:A_Sale_T1.IQuantity" DisableExpress="1" FieldName="單價" TextAlign="Right" Format="type:number;.4" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td align="right">
                                <aspxform:XTextBox id="XTextBox70" runat="server" XDataBind="BLBPM:A_Sale_T1.Amount2" BorderWidth="1px" BorderColor="Gainsboro" width="100%" Express="BLBPM:A_Sale_T1.Amount_Yuan-BLBPM:A_Sale_T1.DiscountAmount" Max="0" Min="0" DisableExpress="1" FieldName="總價" ValueToDisplayText HiddenInput="False" PlaceHolder TextAlign="Right" Format="type:currency;.4"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XDropDownList id="XDropDownList10" runat="server" HiddenExpress="1" XDataSource="DataSource:BLBPM;ProcedureName:P_GetIPrice_Purchase;Filter:@supplierName->'山東博麗玻璃股份有限公司',@cinvtoryCode->BLBPM:A_Sale_T1.ProductCode" ValueColumn="dj" DisplayColumn="dj" DataMap="dj->BLBPM:A_Sale_T1.ext11" BackColor="Transparent"></aspxform:XDropDownList>
                                <aspxform:XTextBox id="XTextBox7" runat="server" XDataBind="BLBPM:A_Sale_T1.ext11" BorderWidth="1" BorderColor="#DCDCDC" width="100%" FieldName="單位成本" TextAlign="Right" Format="type:currency;.4" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XRequiredFieldValidator id="XRequiredFieldValidator13" runat="server" ForeColor="Red" Display="None" ErrorMessage="請輸入成本額" ControlToValidate="XTextBox14">RFV13</aspxform:XRequiredFieldValidator>
                                <aspxform:XTextBox id="XTextBox14" runat="server" XDataBind="BLBPM:A_Sale_T1.CostPrice" BorderWidth="1" BorderColor="#DCDCDC" width="100%" Express="BLBPM:A_Sale_T1.ext11*BLBPM:A_Sale_T1.IQuantity" FieldName="成本額" TextAlign="Right" Format="type:currency;.2" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XDataBrowserButton id="XDataBrowserButton3" runat="server" Width="25px" XDataSource="DataSource:BLBPM;TableName:V_CusSup" DataMap="CustomerCode->BLBPM:A_Sale_T1.ext4;CustomerName->BLBPM:A_Sale_T1.ext5" DisplayColumns="CustomerCode:客戶編碼,150;CustomerName:客戶名稱,300;CUstomerAltek:客戶簡稱,100"></aspxform:XDataBrowserButton>
                                <aspxform:XTextBox id="XTextBox26" runat="server" XDataBind="BLBPM:A_Sale_T1.ext4" HiddenExpress="1" BorderWidth="1px" BorderColor="Gainsboro" width="100%" Express="BLBPM:A_Sale_M.ext4" Max="0" Min="0" DisableExpress="1" ValueToDisplayText HiddenInput="False" PlaceHolder BackColor="Transparent"></aspxform:XTextBox>
                                <aspxform:XTextBox id="XTextBox19" runat="server" XDataBind="BLBPM:A_Sale_T1.ext5" BorderWidth="1" BorderColor="#DCDCDC" width="80%" Express="BLBPM:A_Sale_M.ext5" DisableExpress="1" FieldName="中間商" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XTextBox id="XTextBox24" runat="server" XDataBind="BLBPM:A_Sale_T1.ext12" BorderWidth="1" BorderColor="#DCDCDC" width="100%" FieldName="單價" TextAlign="Right" Format="type:currency;.4" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XTextBox id="XTextBox25" runat="server" XDataBind="BLBPM:A_Sale_T1.ext3" BorderWidth="1" BorderColor="#DCDCDC" width="100%" Express="BLBPM:A_Sale_T1.IQuantity*BLBPM:A_Sale_T1.ext12" FieldName="總價" TextAlign="Right" Format="type:currency;.2" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XRequiredFieldValidator id="XRequiredFieldValidator3" runat="server" ForeColor="Red" Display="None" ErrorMessage="請選擇業務類型" ControlToValidate="XDropDownList22">RFV3</aspxform:XRequiredFieldValidator>
                                <aspxform:XDropDownList id="XDropDownList22" runat="server" Width="100%" XDataBind="BLBPM:A_Sale_T1.BussinessType" XDataSource="DataSource:BLBPM;TableName:A_BaseData;Filter:IText->'內貿現貨',IClassName->'業務流程',IClass->BLBPM:A_Sale_M.SaleType" ValueColumn="IText" DisplayColumn="IText" FieldName="業務類型" BackColor="Transparent" PromptText="請選擇..."></aspxform:XDropDownList>
                            </td>
                            <td align="left">
                                <aspxform:XRequiredFieldValidator id="XRequiredFieldValidator7" runat="server" Width="82px" DisableExpress="if(BLBPM:A_Sale_T1.cGroupCode=='0',1,0)" ForeColor="Red" Display="None" ErrorMessage="請輸入裝箱率。" ControlToValidate="XTextBox22">RFV7</aspxform:XRequiredFieldValidator>
                                <aspxform:XTextBox id="XTextBox50" runat="server" XDataBind="hsl" HiddenExpress="if(BLBPM:A_Sale_T1.cGroupCode=='0',0,1)" BorderWidth="1" BorderColor="LightGray" width="100%" Visibility="False" DisableBehavior="ReadOnly" BackColor="LightGray" ReadOnly="True"></aspxform:XTextBox>
                                <aspxform:XTextBox id="XTextBox22" runat="server" XDataBind="BLBPM:A_Sale_T1.PackingRate" HiddenExpress="if(BLBPM:A_Sale_T1.cGroupCode=='0',1,0)" BorderWidth="1" BorderColor="#DCDCDC" width="100%" FieldName="裝箱率" TextAlign="Right" Format="type:number;.2" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XTextBox id="XTextBox51" runat="server" XDataBind="fjldw" HiddenExpress="if(BLBPM:A_Sale_T1.cGroupCode=='0',0,1)" BorderWidth="1" BorderColor="LightGray" width="100%" Visibility="False" DisableBehavior="ReadOnly" BackColor="LightGray" ReadOnly="True"></aspxform:XTextBox>
                                <aspxform:XTextBox id="XTextBox104" style="HEIGHT: 18px; WIDTH: 139px" runat="server" XDataBind="BLBPM:A_Sale_T1.IUnit1" HiddenExpress="1" BorderWidth="1" BorderColor="#DCDCDC" width="100%" FieldName="輔計量單位" BackColor="Transparent"></aspxform:XTextBox>
                                <aspxform:XTextBox id="XTextBox23" runat="server" Height="19px" XDataBind="BLBPM:A_Sale_T1.PackingUint" HiddenExpress="if(BLBPM:A_Sale_T1.cGroupCode=='0',1,0)" BorderWidth="1px" BorderColor="Gainsboro" width="100%" Visibility="False" Max="0" Min="0" DisableExpress="1" ValueToDisplayText HiddenInput="False" TextAlign="Center" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td align="right">
                                <aspxform:XTextBox id="XTextBox112" runat="server" XDataBind="fsl" HiddenExpress="if(BLBPM:A_Sale_T1.cGroupCode=='0',0,1)" BorderWidth="1" BorderColor="LightGray" width="100%" Visibility="False" DisableBehavior="ReadOnly" BackColor="LightGray" ReadOnly="True"></aspxform:XTextBox>
                                <aspxform:XTextBox id="XTextBox103" runat="server" XDataBind="BLBPM:A_Sale_T1.ICount" HiddenExpress="if(BLBPM:A_Sale_T1.cGroupCode=='0',1,0)" BorderWidth="1" BorderColor="#DCDCDC" width="100%" Express="BLBPM:A_Sale_T1.IQuantity/BLBPM:A_Sale_T1.PackingRate" DisableExpress="1" FieldName="輔數量" TextAlign="Right" Format="type:number;.2" BackColor="Transparent"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XRequiredFieldValidator id="XRequiredFieldValidator10" runat="server" ForeColor="Red" Display="None" ErrorMessage="請輸入客戶貨號" ControlToValidate="XTextBox15">R10</aspxform:XRequiredFieldValidator>
                                <aspxform:XTextBox id="XTextBox15" runat="server" XDataBind="BLBPM:A_Sale_T1.NewCusPNumber" BorderWidth="1" BorderColor="#DCDCDC" width="100%" Express="if(BLBPM:A_Sale_M.SaleType=='外貿','',BLBPM:A_Sale_T1.ProductCode)" FieldName="客戶貨號"></aspxform:XTextBox>
                                <aspxform:XTextBox id="XTextBox141" runat="server" XDataBind="BLBPM:A_Sale_T1.CustomerPNumber" HiddenExpress="1" BorderWidth="1" BorderColor="#DCDCDC" width="100%" Express="javascript('getCusP',BLBPM:A_Sale_T1.NewCusPNumber)" DisableExpress="1"></aspxform:XTextBox>
                            </td>
                            <td align="right" class="xhd">
                                <aspxform:XLabel id="XLabel15" runat="server" Width="100%" XDataBind="BLBPM:A_Sale_T1.Shipment" FieldName="累計發貨量" TextAlign="Right" Text="0"></aspxform:XLabel>
                            </td>
                            <td align="center" class="xhd">
                                <aspxform:XDropDownList id="XDropDownList9" runat="server" Width="100%" XDataBind="BLBPM:A_Sale_T1.canshu" HiddenExpress="1" Visibility="False" XDataSource="DataSource:BLBPM;ProcedureName:P_GetStr3_Sale;Filter:@NO->BLBPM:A_Sale_T1.NO,@iquantity->BLBPM:A_Sale_T1.IQuantity,@ptaskID->BLBPM:A_Sale_T1.PTaskID,@supplier->BLBPM:A_Sale_T1.BussinessType,@vNumber->BLBPM:A_Sale_T1.VersionNumber,@isFromOld->BLBPM:A_Sale_T1.IsFormOld,@isChecked->BLBPM:A_Sale_T1.IsChecked" ValueColumn="Column1" DisplayColumn="Column1"></aspxform:XDropDownList>
                                <aspxform:XDropDownList id="XDropDownList12" runat="server" Width="100%" XDataBind="BLBPM:A_Sale_T1.ITax" Express="if(BLBPM:A_Sale_M.SaleType=='內貿',13,0)" XDataSource="DataSource:BLBPM;TableName:A_BaseData;Filter:IClassName->'稅率'" ValueColumn="IValue" DisplayColumn="IText" DisableExpress="if(BLBPM:A_Sale_M.SaleType=='內貿',0,1)" FieldName="稅率"></aspxform:XDropDownList>
                            </td>
                            <td>
                                <aspxform:XTextBox id="XTextBox85" runat="server" XDataBind="BLBPM:A_Sale_T1.NetWeight" BorderWidth="1" BorderColor="#DCDCDC" width="100%" FieldName="凈重" TextAlign="Right" Format="type:currency;.3"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XTextBox id="XTextBox126" runat="server" XDataBind="BLBPM:A_Sale_T1.CrossWeight" BorderWidth="1" BorderColor="#DCDCDC" width="100%" FieldName="毛重" TextAlign="Right" Format="type:currency;.3"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XTextBox id="XTextBox127" runat="server" XDataBind="BLBPM:A_Sale_T1.ProLong" BorderWidth="1" BorderColor="#DCDCDC" width="100%" FieldName="長" TextAlign="Right" Format="type:currency;.3"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XTextBox id="XTextBox128" runat="server" XDataBind="BLBPM:A_Sale_T1.ProWide" BorderWidth="1" BorderColor="#DCDCDC" width="100%" FieldName="寬" TextAlign="Right" Format="type:currency;.3"></aspxform:XTextBox>
                            </td>
                            <td>
                                <aspxform:XTextBox id="XTextBox129" runat="server" XDataBind="BLBPM:A_Sale_T1.ProHigh" BorderWidth="1" BorderColor="#DCDCDC" width="100%" FieldName="高" TextAlign="Right" Format="type:currency;.3"></aspxform:XTextBox>
                            </td>
                            <td class="xhd">
                                <aspxform:XLabel id="XLabel3" runat="server" Width="23px" XDataBind="BLBPM:A_Sale_T1.BoxNumber" HiddenExpress="1" Express="BLBPM:A_Sale_T1.IQuantity*BLBPM:A_Sale_T1.PackingRate" Visibility="False" ValueToDisplayText></aspxform:XLabel>
                                <aspxform:XLabel id="XLabel6" runat="server" XDataBind="BLBPM:A_Sale_T1.BoxWeight" HiddenExpress="1" Express="BLBPM:A_Sale_T1.SumBoxWeight/BLBPM:A_Sale_T1.BoxNumber" Visibility="False"></aspxform:XLabel>
                                <aspxform:XLabel id="XLabel7" runat="server" XDataBind="BLBPM:A_Sale_T1.SumBoxWeight" HiddenExpress="1" Express="BLBPM:A_Sale_T1.NetWeight*BLBPM:A_Sale_T1.IQuantity" Visibility="False" ValueToDisplayText Format="type:number;.2"></aspxform:XLabel>
                                <aspxform:XLabel id="XLabel8" runat="server" XDataBind="BLBPM:A_Sale_T1.RoughWeight" HiddenExpress="1" Express="BLBPM:A_Sale_T1.SumRoughWeight/BLBPM:A_Sale_T1.BoxNumber" Visibility="False" Format="type:number;.2"></aspxform:XLabel>
                                <aspxform:XLabel id="XLabel9" runat="server" XDataBind="BLBPM:A_Sale_T1.SumRoughWeight" HiddenExpress="1" Express="BLBPM:A_Sale_T1.CrossWeight*BLBPM:A_Sale_T1.IQuantity" Visibility="False" ValueToDisplayText Format="type:number;.2"></aspxform:XLabel>
                                <aspxform:XLabel id="XLabel10" runat="server" XDataBind="BLBPM:A_Sale_T1.Size" HiddenExpress="1" Express="BLBPM:A_Sale_T1.Tbulk/BLBPM:A_Sale_T1.BoxNumber" Visibility="False" ValueToDisplayText Format="type:number;.2"></aspxform:XLabel>
                                <aspxform:XLabel id="XLabel11" runat="server" XDataBind="BLBPM:A_Sale_T1.SumSize" HiddenExpress="1" Express="BLBPM:A_Sale_T1.Tbulk*BLBPM:A_Sale_T1.IQuantity" Visibility="False" Format="type:number;.2"></aspxform:XLabel>
                                <aspxform:XLabel id="XLabel13" runat="server" XDataBind="BLBPM:A_Sale_T1.Tbulk" HiddenExpress="1" Visibility="False"></aspxform:XLabel>
                                <aspxform:XLabel id="XLabel23" runat="server" XDataBind="BLBPM:A_Sale_T1.VersionNumber" Visibility="False" text="Label"></aspxform:XLabel>
                                <aspxform:XTextBox id="XTextBox4" runat="server" XDataBind="BLBPM:A_Sale_T1.PTaskID" HiddenExpress="1" BorderWidth="1px" BorderColor="Gainsboro" width="20px" Max="0" Min="0" ValueToDisplayText HiddenInput="False"></aspxform:XTextBox>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>