标签: html-table

如何去掉wordpress中的表格边框?

我正在使用 WordPress 为我的一个朋友构建一个简单的网站。在页面中,我现在想制作一个简单的矩形并在其中放入一些信息。由于我在 90 年代学习了 html,所以我仍然使用表格(带有一个 td)来执行此操作。因为我希望表格边框消失,所以我创建了表格,如下所示:

<table border="0">
<tr><td>some content</td></tr>
</table>
Run Code Online (Sandbox Code Playgroud)

不幸的是,边框仍然出现(请参阅此处了解我正在处理的页面)。

有谁知道我怎样才能摆脱这个表格边框?

html wordpress html-table

0
推荐指数
1
解决办法
3481
查看次数

根据条件从 Html 表中删除一行

我有一个 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 ..需要匹配..如果存在需要删除该行,,

html javascript jquery html-table

0
推荐指数
1
解决办法
4625
查看次数

Html 表格 - 复杂布局 - 具体

我在作业中得到了这张表,但我很难复制它:


(来源:evc-cit.info

我似乎无法让 Xpath 单元和 XSL 转换单元共享上午 11 点到下午 2 点的单元,有人可以帮助我吗?

html html-table

0
推荐指数
1
解决办法
3万
查看次数

如何使样式适用于 &lt;col&gt; 标签?

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 上测试)。

这是什么原因呢?

我们如何在整个列中应用单一文本颜色?

html html-table

0
推荐指数
1
解决办法
461
查看次数

设置表格的 &lt;td&gt; 元素的宽度和省略号

我有一个表格,其中 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)

html css html-table

0
推荐指数
1
解决办法
684
查看次数

使用 CSS 隐藏表中的列

我想隐藏下表中的一些列。它来自 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&amp;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&amp;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&amp;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)

css wordpress html-table

0
推荐指数
1
解决办法
4692
查看次数

具有不同行高的 HTML 表格

我想创建一个基于 HTML 表格的网格,布局如下。


| d | 乙| d |

| C | 一个 | C |

| d | 乙| d |

其中:
A:200x200
B:200x20
C:20x200
D:20x20

实现这一目标的最佳方法是什么。或者我应该使用其他一些元素(例如 div)来创建我自己的网格。

编辑
每个单元格都会有不同类型的内容。有些有下拉菜单,有些有带有几个按钮的输入,C 的内容垂直翻转(90 度)。以下是我正在测试的最新小提琴。

[https://jsfiddle.net/mjawaid/a3ody1wq/16/][1]

html css html-table

0
推荐指数
1
解决办法
2万
查看次数

使 HTML 表格单元格内的代码块可滚动

我想了解如何使表格单元格内的代码块可滚动。

代码:

<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)

html css html-table codeblocks

0
推荐指数
1
解决办法
3680
查看次数

如何将 jquery tabledit 按钮添加到表的新行

如何告诉 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});\n
Run Code Online (Sandbox Code Playgroud)\n\n

表格编辑器

\n

javascript jquery html-table tableview

0
推荐指数
1
解决办法
4015
查看次数

#index 上的意外项目列表

在我的索引页面上,我成功地在一个表格中列出了我的所有“游戏”,不幸的是,另一个列表,它不是我的 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)

非常感谢 !

html html-table ruby-on-rails

0
推荐指数
1
解决办法
42
查看次数