首页 / ASP.NET / asp.net布局（一）表格布局（转载）

asp.net布局（一）表格布局（转载）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了asp.net布局（一）表格布局（转载），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2279字，纯文字阅读大概需要4分钟。

内容图文

网页的表格布局：

常用<table>表 <tr>表行 <td>表列，来布局
方法：
1、结构

 <table> //该表为两行一列
     <tr> //该处放置表的第一行，他有两列
  <td></td>
  <td></td>
     </tr>

     <tr> //该处放置表的第二行，该行有一列，并且在该列又放置了一个表，继续做行列的划分
  <td>
      <table></table>
  </td>
     </tr>
 </table>

2、样式

<table 样式></table> //该样式会影响整个表
 <td>内容</td> //在列中要加入的内容，如 文字，控件，图片等等。
 <tr></tr> //一般在行中不允许加内容。

3、代码示例

<table style="text-align:center" border="0" cellpadding="2" cellspacing="0" class="border0" width="100%">
    <tr>
 <td class="title1" style="width: 10%">姓名：</td>
        <td class="text0" style="width: 25%">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
     <td style="width:8"> </td>
     <td><input id="txtProjectName" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td>
     <td style="width:8"> </td>
  </tr>
     </table>
     

     </td>
     
 <td class="title1" style="width: 10%">年龄：</td>
        <td class="text0" style="width: 25%">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
     <td style="width:8; height: 24px;"> </td>
     <td style="height: 24px"><input id="Text1" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td>
     <td style="width:8; height: 24px;"> </td>
         </tr>
     </table>
 </td>
     
 <td class="title1" style="width: 10%">单位：</td>
        <td class="text0" style="width: 25%">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td style="width:8"> </td>
     <td><input id="Text2" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td>
     <td style="width:8"> </td>
  </tr>
     </table>
 </td>
     
     
     
    </tr>
            
    <tr>
       <td class="title1" style="width: 10%">备注：</td>
       <td class="text0" style="width: 25%">
           <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
     <td style="width:8"> </td>
     <td><input id="Text3" name="txtProjectName" style="WIDTH: 100%" runat="server" /></td>
     <td style="width:8"> </td>
         </tr>
    </table>
       </td>
     
     
    </tr>
        
</table>

内容总结

以上是互联网集市为您收集整理的asp.net布局（一）表格布局（转载）全部内容，希望文章能够帮你解决asp.net布局（一）表格布局（转载）所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/643564.html

来源：【匿名】

【上一篇】ASP.NET + MVC5 入门完整教程六 --- 使用 Razor 表达式【下一篇】asp.net伪静态关于页面优化和伪静态

更多 ►

【asp.net布局（一）表格布局（转载）】教程文章相关的互联网学习教程文章

ASP.NET MVC+BUI实现表格的操作【代码】【图】

在Web中基于表格的操作，比如添加行、单元格内容编辑等等功能，是完全基于js实现的。但如果程序员完全使用js或者jquery去编写表格控件，则会导致样式不统一，代码量较大等问题，尤其对于不太熟悉js的后端程序员来说，可能会是一个挑战。因此，网络上出现了很多基于表格操作的js控件，帮助程序员尤其是后端程序员也能够编写出漂亮的基于表格的应用。本篇博客以ASP.NET+BUI为例，看如何实现基于表格的分页查询、编辑、删除等功能。首...

asp.net 微信企业号办公系统-表单设计-数据表格【图】

数据表格即在表单中显示一个table，该table数据可以来自任意自定义的来源：数据类型：指定表格的数据源类型　　1、datatable，即.net中的System.Data.DataTable　　2、HTML，即html字符串的形式：<table><tr><td></td></tr></table>　　3、json，即json字符串的形式：[[1,2,3,4],[1,2,3,4]]数据来源：指定表格的数据来源　　1、sql，即从一个sql中查询得来的数据。　　2、url，即从一个url地址中返回数据（该方式只能返回html和jso...

c# – 如何在asp.net中的HTML表格中显示数据【代码】

我正在编写一个ASP.NET页面,它从数据库中读取数据并需要在HTML表格中显示它.我不想使用gridView. 这是我尝试使用c#的代码：protected void Page_Load(object sender, EventArgs e){DataTable dt = new DataTable();List<UserDetails> details = new List<UserDetails>();using (SqlConnection con = new SqlConnection("Data Source=.\SQLEXPRESS;Initial Catalog=Sample;Trusted_Connection=True;")){using (SqlCommand cmd = new...

JQueryFlexiGrid的asp.net完美解决方案dotNetFlexGrid-.Net原生的异步表格控件_jquery【图】

dotNetFlexGrid是一款asp.net原生的异步表格控件，他的前身是Jquery FlexiGrid插件，我们重构了FlexiGrid的大部分Javascript代码，使其工作的更有效率，BUG更少；同时将其封装为dotNet控件，提供了简单易用的使用方式。 dotNetFlexGrid扩展和优化了FlexiGrid原有的功能，并提供了更多具有针对性的功能，使用dotNetFlexGrid，您的用户可以轻松拥有如下功能提供简易的方式自行调整表格列宽根据实际情况调整表格的大小针对合适的列...

JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件【图】

ABP入门系列应用BootstrapTable表格插件【图】

ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称。 ASP.NET Boilerplate是一个用最佳实践和流行技术开发现代WEB应用程序的新起点，它旨在成为一个通用的WEB应用程序框架和项目模板。 ABP的官方网站： http://www.aspnetboilerplate.com ABP在Github上的开源项目：https://github.com/aspnetboilerplate 1. 引言之前的文章ABP入门系列之分页功能的实现讲解了如何进行分页展示，但其分页展示仅适用于前台web分页，在...

ASP.NET中GridView 重复表格列合并的实现方法【图】

这几天做一个项目有用到表格显示数据的地方，客户要求重复的数据列需要合并，就总结了一下GridView 和 Repeater 关于重复数据合并的方法。效果图如下：GridView ：前台代码： <div> <asp:GridView ID="gvIncome" runat="server" AutoGenerateColumns="False"> <Columns> <asp:TemplateField HeaderText="一级"> <ItemTemplate> <asp:Label ID="Label0" runat="server" Text=<%#Eval("aname") %>></asp:Label> </ItemTemplate> </...

ASP.NET Table 表格控件的使用方法【图】

一个Table对象包含多个行TableRow，每一行又包含TableCell，TableCell中可以包含其他的HTML或者服务器控件作为Web服务器控件。一、Table中的属性 Table对象：BackImageUrl表格的背景图像的URLCaption表格标题CaptionAlign标题文本对齐方式CellPaddingTable单元格内容和单元格边框之间的空间量（单位:像素）CellSpacing相邻单元格之间的空间量RowsTable控件中行的集合 TableRow对象：HorizontalAlign获取或设置行内容的水平对齐方式...

Asp.Net实现无限分类生成表格的方法(后台自定义输出table)

本文实例讲述了Asp.Net实现无限分类生成表格的方法。分享给大家供大家参考，具体如下：数据结构 monitor_group monitor_grp_id monitor_grp_name parent_id level childCount orderby [int,自动递增] [nvarchar,not null] [int,not null] [int,not null] [int,not null] [int ,null] 1 数据库服务器 0 1 ...

asp.net中Table生成Excel表格的方法

本文实例讲述了asp.net中Table生成Excel表格的方法。分享给大家供大家参考。具体实现方法如下：代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="/Css/Balanc...

.net 数据表格显示控件介绍

1. GridView 控件 GridView 控件用于显示表中的数据。通过使用 GridView控件，您可以显示、编辑、删除、排序和翻阅多种不同的数据源（包括数据库、XML 文件和公开数据的业务对象）中的表格数据。显示表格数据是软件开发中的一个周期性任务。ASP.NET 提供了许多工具来在网格中显示表格数据，例如 GridView 控件。通过使用GridView 控件，您可以显示、编辑和删除多种不同的数据源（例如数据库、XML 文件和公开数据的业务对象）中的数...

asp.net使用jquery模板引擎jtemplates呈现表格

在Asp.net MVC 中，使得我们能够更加自由控制我们所想显示HTML。通常情况下，都要做一下数据列表。那么我们可以手动去拼一个表格出来，但这样有时对于复杂的表格说，那就JS代码比较复杂了。我们可以借助JS下的模板引擎，来实现这一功能。下面要介绍就是JTemplates，它也是基于Jquery的。代码如下:<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "...

xls表格导入数据库功能实例代码

代码如下:protected void Button1_Click(object sender, EventArgs e) { if (FileUpload1.HasFile == false) { Page.ClientScript.RegisterStartupScript(this.GetType(), "shifou", "<script>alert(请您选择 Excel文件)</script> "); return; } string Name = FileUpload1.PostedFile.FileName; //获取初始文件名 int j = Name....

.Net中生成二维的表格的代码分享

代码如下: 代码如下:　　void Page_Load(object o, EventArgs e) 　　...{ 　　DataTable dt = GetData(); //assume GetData returns the DataTable 　　//probably better to use Hashtable for depts and months too, but to keep the order, lets use ArrayList 　　string sSeparator = ":"; 　　ArrayList alDept = new ArrayList(); //种类　　ArrayList alMonth = new ArrayList(); //代码　　Hashtable ht = new Hashtab...

CheckBoxList两列并排编译为表格显示具体实现

代码如下:<asp:CheckBoxList ID="DDLGroups" runat="server" RepeatLayout="Table" RepeatColumns="2" RepeatDirection="Horizontal" style="border-collapse:collapse; line-height:18px;margin-left:2px;"> </asp:CheckBoxList> 代码如下:<style type="text/css"> #DDLGroups{border-collapse:collapse; line-height:18px} #DDLGroups td{width:300px; border:1px solid #F0F8FF;padding-left:5px} </style> 获取所选值：代...

ASP.NET - 技术教程分类

ASP.NET 教程 ASP.NET 简介 Razor 语法 MVC 应用程序 MVC 布局 MVC 控制器 MVC 数据库 MVC 模型 MVC 参考手册 WebForms 控件 asp.net 全部

ASP.NET - 最热教程

ASP.NET Core MVC 中实现中英文切换 ASP.NET Core WebAPI实现本地化（单资源...C#精髓 GridView72大绝技学习gridview...c# static的全部用法收集整理 ASP.NET之MVC框架及搭建教程(推荐)_实用...彻底解决Asp.netCore WebApi 3.1 跨域时...教你Asp.net下使用mysql数据库的步骤 ASP.NET Core 搭配 Nginx 的真实IP问题 asp.net core API 如何接收参数 C#-ASP.NET MVC：在列表框中填充(绑定数...

首页 / ASP.NET / asp.net布局（一）表格布局（转载）

asp.net布局（一）表格布局（转载）

内容导读

内容图文

内容总结

内容备注

内容手机端

【asp.net布局（一）表格布局（转载）】教程文章相关的互联网学习教程文章

ASP.NET - 技术教程分类

ASP.NET - 最新教程

ASP.NET - 最热教程