我想从数据库表中检索值并在页面的html表中显示它们.我已经搜索了这个,但我找不到答案,虽然这肯定是容易的(这应该是数据库的基础知识).我想我搜索过的词语具有误导性.数据库表名称是票证,它现在有6个字段(submission_id,formID,IP,名称,电子邮件和消息),但应该有另一个名为ticket_number的字段.如何让它在html表中显示db中的所有值,如下所示:
<table border="1">
<tr>
<th>Submission ID</th>
<th>Form ID</th>
<th>IP</th>
<th>Name</th>
<th>E-mail</th>
<th>Message</th>
</tr>
<tr>
<td>123456789</td>
<td>12345</td>
<td>123.555.789</td>
<td>John Johnny</td>
<td>johnny@example.com</td>
<td>This is the message John sent you</td>
</tr>
</table>
然后是"约翰"之下的所有其他值.
我有一个问题,我将body字体大小设置为11px,但表格显示字体为16px.我不知道是什么引起了这种情况 - 我一次又一次地浏览了CSS和输出(浏览页面时的源代码).将表格字体大小设置为11px显然具有所需的效果,但我不需要将其设置为与正文样式分开的任何位置.
我有以下CSS:
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0px;
background-color: #E7D2B8;
color: #863F2B;
}
img.headerImg {
width: 100%;
}
.menu-strip {
float: left;
width: 20%;
}
.main-content {
float: left;
width: 80%;
}
.clear {
clear: both;
}
ul.menu {
margin: 0px;
margin-left: 10px;
padding: 0px;
list-style: none;
}
ul.menu li {
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
div.footer {
width: 60%;
margin-left: 20%;
}
ul.footer-links {
list-style: none;
}
ul.footer-links li …我试图用这段代码在foreach中做一个简单的If/Else:
@{
var count = 0;
foreach (var item in Model)
{
if (count++ % 2 == 0)
{
@:<tr class="alt-row">
} else {
@:<tr>
}
<td>
@Html.DisplayFor(modelItem => item.Title)
</td>
<td>
@Html.Truncate(item.Details, 75)
</td>
<td>
<img src="@Url.Content("~/Content/Images/Projects/")@item.Images.Where(i => i.IsMain == true).Select(i => i.Name).Single()"
alt="@item.Images.Where(i => i.IsMain == true).Select(i => i.AltText).Single()" class="thumb" />
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { id=item.ProjectId }) |
@Html.ActionLink("Details", "Details", new { id = item.ProjectId }) |
@Html.ActionLink("Delete", "Delete", new { id=item.ProjectId })
</td>
</tr>
} …我有一个包含各种长度文本的单元格的表格.所有表格单元的宽度必须相同.如果这意味着截断长词或强制中断长词,那就没关系.
我无法弄清楚如何让这个工作.
这适用于内部客户端应用程序,因此只需要在IE6和IE7中工作.
下面是一个示例页面.包含的细胞onereallylongword是令人讨厌的细胞.
<!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>
<style type="text/css">
td { width: 30px; }
</style>
</head>
<body>
<table border="2">
<tr>
<td>word</td>
<td>two words</td>
<td>onereallylongword</td>
</tr>
</table>
</body>
</html>
这是我的HTML.下表位于容器div内,其固定宽度为670px.现在我不知道如何继续使这个表捕获容器的整个宽度.
<table class="table_fields">
<tr class="table_fields_top">
<td><?php _e('Published','news'); ?></td>
<td><?php _e('Story','news'); ?></td>
<td><?php _e('Views','news'); ?></td>
<td><?php _e('Comments','news'); ?></td>
<td><?php _e('Rating','news'); ?></td>
</tr>
</table>
这是我的CSS:
.table_fields {
display: block;
background: #fff;
border: 1px solid #dce1e9;
border-bottom: 0;
border-spacing: 0;
}
.table_fields .table_fields_top {background: #f1f3f6;}
.table_fields .table_fields_top td{
font-size: 10px;
text-transform: uppercase;
}
.table_fields td {
text-align: center;
border-bottom: 1px solid #dce1e9;
border-right: 1px solid #dce1e9;
font-size: 11px;
line-height: 16px;
color: #666;
white-space:nowrap;
}
我试着设置宽度:100%; 但它返回空的空间,但TD不平衡.我不知道如何使TD始终充满100%的空间.我尝试设置宽度:每个TD为20%,因为它们是5 tds以获得100%宽度.但这没效果.有人可以告诉我如何使细胞适合表格的FUll宽度100%(假设每个TD有一个固定的宽度百分比,如20%)请.
目的是用彩色td-s打印表格.我需要一种适合所有类型浏览器的方法.
有什么办法吗？
我通过使用动态添加列到表 document.createElement("th")
var newTH = document.createElement('th');
有没有办法为此设置onClick属性,以便用户可以通过单击标题删除列？任何帮助都会很棒.如果这是不可能的,是否可以放入一些东西
newTH.innerHTML
使它工作？
这个问题已被多次询问,但所提供的答案似乎都没有帮助我:
在这里看到这个:http://jsfiddle.net/BlaM/bsQNj/2/
我有一个"动态"(基于百分比)布局,有两列.
.grid {
width: 100%;
box-sizing: border-box;
}
.grid > * {
box-sizing: border-box;
margin: 0;
}
.grid .col50 {
padding: 0 1.5%;
float: left;
width: 50%;
}
在每个列中,我都有一个应该使用整列宽度的表.
.data-table {
width: 100%;
}
.data-table td {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
我的问题是该表中的某些列具有需要截断的内容以适合表的给定宽度.但这并没有发生.我得到两张相互重叠的桌子.
要求:
我尝试了什么:
相关问题:
我有一个基本的HTML表,其中包含表行.我的目标是将这些表行与可见行分开(为了更好的内容可读性).
我怎么能这样做？
html-table ×10
css ×6
html ×6
asp.net-mvc ×1
c# ×1
column-width ×1
database ×1
font-size ×1
javascript ×1
mysql ×1
php ×1
razor ×1