我正在使用 WordPress 为我的一个朋友构建一个简单的网站。在页面中,我现在想制作一个简单的矩形并在其中放入一些信息。由于我在 90 年代学习了 html,所以我仍然使用表格(带有一个 td)来执行此操作。因为我希望表格边框消失,所以我创建了表格,如下所示:
<table border="0">
<tr><td>some content</td></tr>
</table>
Run Code Online (Sandbox Code Playgroud)
不幸的是,边框仍然出现(请参阅此处了解我正在处理的页面)。
有谁知道我怎样才能摆脱这个表格边框?
我有一个 html 表格
<TABLE id="dlStdFeature" Width="300" Runat="server" CellSpacing="0" CellPadding="0">
<TR>
<TD id="stdfeaturetd" vAlign="top" width="350" runat="server"></TD>
</TR>
</TABLE>
Run Code Online (Sandbox Code Playgroud)
我动态地向其添加值:
function AddToTable(tblID, value)
{
var $jAdd = jQuery.noConflict();
var row= $jAdd("<tr/>").attr("className","lineHeight");
var cell = $jAdd("<td/>").attr({"align" : "center","width" : "3%"});
var cell1 = $jAdd("<td/>").html("<b>* </b>" + value);
row.append(cell);
row.append(cell1);
$jAdd(tblID).append(row);
}
Run Code Online (Sandbox Code Playgroud)
现在我想要一个函数,如果值匹配,则从该表中删除一行..as
function RemoveFromTable(tblID, VALUE)
{
If(row value = VALUE)
{
remove this row
}
}
Run Code Online (Sandbox Code Playgroud)
这里的 VALUE 是 TEXT ..需要匹配..如果存在需要删除该行,,
我col在表中有一个标签:
<!doctype html>
<table>
<col style='color:red;background:blue;'/>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
样式background:blue被应用,但样式没有被应用color:red(在 IE、Safari、Opera、Chrome、FireFox 上测试)。
这是什么原因呢?
我们如何在整个列中应用单一文本颜色?
我有一个表格,其中 td 内的文本长度不同。我想为 td 元素提供固定宽度并text-overflow: ellipsis在 td 元素上使用,这样就不会显示整个文本。我尝试了不同的方法,但没有任何效果,请有人帮助我如何实现这一目标。
<table>
<tr>
<th>title</th>
<th>link</th>
<th>description</th>
<th>id</th>
<th>condition</th>
<th>price</th>
<th>availability</th>
<th>image_link</th>
<th>Shipping</th>
<th>"shipping weight"</th>
<th>gtin</th>
<th>brand</th>
<th>mpn</th>
<th>google_product_category</th>
<th>product_type</th>
<th>additional_image_link</th>
<th>color</th>
<th>size</th>
<th>Gender</th>
<th>age_group</th>
<th>item_group_id</th>
<th>sale_price</th>
<th>"sale price effective date"</th>
<th>size_type</th>
<th>size_system</th>
</tr>
<tr>
<td>"Metallic turquoise leather envelope clutch"</td>
<td style="width: 200px">https://www.runway2street.com/bags/clutch-bags/metallic-turquoise-leather-envelope-clutch</td>
<td>" This elegant jeweltoned metallic leather envelope clutch with wrist strap is perfect for a fancy night out! It has a natural cork trim, magnetic closure and a zipper …Run Code Online (Sandbox Code Playgroud)我想隐藏下表中的一些列。它来自 WordPress 插件,因此 ids 和类是预定义的。我希望我可以用 css fx: display:none 解决它,但我似乎无法让它工作。
\n\n<table cellspacing="0" class="wp-list-table widefat fixed brugere">\n <thead>\n <tr>\n <th class="manage-column column-company_name sortable asc" id="company_name" scope="col" style="">\n <a href="http://xxx.xxx.dk/xxx/?orderby=company_name&order=desc"><span>Virksomhed</span><span class="sorting-indicator"></span></a>\n </th>\n <th class="manage-column column-CVR._Nr." id="CVR._Nr." scope="col" style="">CVR. Nr.</th>\n <th class="manage-column column-arbejdsomr\xc3\xa5de" id="arbejdsomr\xc3\xa5de" scope="col" style="">Arbejdsomr\xc3\xa5de</th>\n <th class="manage-column column-fagomr\xc3\xa5de" id="fagomr\xc3\xa5de" scope="col" style="">Fagomr\xc3\xa5de</th>\n <th class="manage-column column-address_zipcode sortable asc" id="address_zipcode" scope="col" style="">\n <a href="http://xxx.xxx.dk/xxx/?orderby=address_zipcode&order=desc"><span>Postnummer</span><span class="sorting-indicator"></span></a>\n </th>\n <th class="manage-column column-address_city sortable asc" id="address_city" scope="col" style="">\n <a href="http://xxx.xxx.dk/xxx/?orderby=address_city&order=desc"><span>By</span><span class="sorting-indicator"></span></a>\n </th>\n <th class="manage-column column-tlf._nr." id="tlf._nr." scope="col" style="">Tlf. Nr.</th>\n …Run Code Online (Sandbox Code Playgroud) 我想创建一个基于 HTML 表格的网格,布局如下。
其中:
A:200x200
B:200x20
C:20x200
D:20x20
实现这一目标的最佳方法是什么。或者我应该使用其他一些元素(例如 div)来创建我自己的网格。
编辑
每个单元格都会有不同类型的内容。有些有下拉菜单,有些有带有几个按钮的输入,C 的内容垂直翻转(90 度)。以下是我正在测试的最新小提琴。
[https://jsfiddle.net/mjawaid/a3ody1wq/16/][1]
我想了解如何使表格单元格内的代码块可滚动。
代码:
<div class="container mt-5 mb-5">
<table class="table table-bordered">
<tbody>
<tr>
<th>Code</th>
<td>
<pre>
<code class="language-csharp">
Prism.languages.markup = {
'comment': /<!--[\s\S]*?-->/,
'prolog': /<\?[\s\S]+?\?>/,
'doctype': /<!DOCTYPE[\s\S]+?>/i,
'cdata': /<!\[CDATA\[[\s\S]*?]]>/i,
'tag': {
pattern: /<\/?(?!\d)[^\s>\/=$<]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+))?)*\s*\/?>/i/<\/?(?!\d)[^\s>\/=$<]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+))?)*\s*\/?>/i,
inside: {
'tag': {
pattern: /^<\/?[^\s>\/]+/i,
inside: {
'punctuation': /^<\/?/,
'namespace': /^[^\s>\/:]+:/
}
},
'attr-value': {
pattern: /=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+)/i,
inside: {
'punctuation': [
/^=/,
{
pattern: /(^|[^\\])["']/,
lookbehind: true
}
]
}
},
'punctuation': /\/?>/,
'attr-name': {
pattern: /[^\s>\/]+/,
inside: {
'namespace': /^[^\s>\/:]+:/
}
}
}
},
'entity': /&#?[\da-z]{1,8};/i
}; …Run Code Online (Sandbox Code Playgroud) 如何告诉 jQuery tabledit 行已更改?这些按钮仅为现有行生成,当我添加新行(例如使用 jQuery)时,表格按钮不会\xe2\x80\x99t 出现在新行中。我在 tabledit 代码中看到,可以在视图和编辑模式之间切换(也许这对我有帮助),但是 don\xe2\x80\x99 不知道如何在创建 tabledit 后以及更改行时访问这些方法。
\n\n我的代码中的一小段:
\n\n$(document).ready(function(){ \n $(\xe2\x80\x98#btn\xe2\x80\x99).click(function(){ ... adding row, I need to update tabledit here }); \n $(\xe2\x80\x98#table\xe2\x80\x99).Tabledit(...parameters...); } \n});\nRun Code Online (Sandbox Code Playgroud)\n\n\n 在我的索引页面上,我成功地在一个表格中列出了我的所有“游戏”,不幸的是,另一个列表,它不是我的 index.html.erb 文件代码的一部分,也出现在我的表格上方。我不明白这是怎么可能的,因为我的 html 文件在列表出现在浏览器上的位置不包含任何元素......如果有人有一个非常好的想法!
这是我的 index.html.erb 代码:
<div class="container full-height">
<div class="abs-center">
<table class="table">
<thead>
<tr>
<td colspan="6">GAMES</td>
</tr>
</thead>
<tbody>
<%= @games.reverse.each do |g| %>
<tr>
<td><%= g.id %></td>
<td><%= g.score_1 %></td>
<td><%= g.score_2 %></td>
<td><%= g.created_at %></td>
<td><%= link_to 'see game', game_path(g) %></td>
<td><%= link_to 'modify', edit_game_path(g) %></td>
</tr>
<% end %>
</tbody>
</table>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我的游戏控制器索引方法:
def index
@games = Game.all
end
Run Code Online (Sandbox Code Playgroud)
非常感谢 !