仿铁路订票系统Gridview

<asp:GridView ID="gvProduct" runat="server" Width="780px" 
                AutoGenerateColumns="false" >
             <Columns>
                        <asp:TemplateField HeaderText="商品名称">
                            <ItemTemplate>
                            <%# Eval("ProductName")%>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="商品编号" >
                            <ItemTemplate>
                            <%# Eval("ProductCode")%>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="商品规格">
                            <ItemTemplate>
                            <%# Eval("UnitName")%>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="数量(瓶)" >
                            <ItemTemplate>
                            <%# Eval("Stock")%>
                            </ItemTemplate>
                        </asp:TemplateField>
                       
                </Columns>
           </asp:GridView>
            <script type="text/javascript" src="../Scripts/superTables.js"></script>
            <script type="text/javascript">
                GetGridStyle('<%=gvProduct.ClientID %>');
            </script>

需要引用js和css

js文件下载：

 superTables.js

css文件下载：

superTables_Default.css