相关疑难解决方法(0)

我不能将我的表行设置为某些东西的链接.我只能使用css和html.我尝试了不同的东西,从div到另一个,但仍然不能使它工作.

我可以自己破解,但我认为bootstrap具有这种能力.

我知道可以用CSS链接整个表格单元格.

.tableClass td a{
   display: block;
}

有没有办法将链接应用于整个表行？

我有问题因为我想围绕一些td内部tr所以我需要知道.

哪些DOM元素可以成为tr的子元素？(我知道div不可以.)

我正在制作一个可点击的表格行,但一旦点击我想打开一个新标签.我尝试使用data-target但是没有用.

<tr class="table-row" data-href="mypage.php" data-target="_blank"></tr>

<script type="text/javascript">
    $(document).ready(function ($) {
        $(".table-row").click(function () {
            window.document.location = $(this).data("href");
        });
    });
</script>

如何在.map中为每个TableRow添加链接？

*我的错误是validateDOMNesting（...）：使用react router react-router-dom无法显示为“ <a>” im的子级

如何在Table TableRow的.map的每个循环中添加链接？

   import React, { Fragment } from 'react'
import { Paper } from 'material-ui'
import Table from 'material-ui/Table';
import TableBody from 'material-ui/Table/TableBody';
import TableCell from 'material-ui/Table/TableCell';
import TableHead from 'material-ui/Table/TableHead';
import TableRow from 'material-ui/Table/TableRow';
import { connect } from 'react-redux'
// import { Edit, Delete } from '@material-ui/icons'
import { withStyles } from 'material-ui/styles'
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
const drawerWidth = 100;
class Listofbond extends React.Component { …

这是我的小提琴

我怎样才能使整个<tr>可点击。

在小提琴中，文本和图像等所有元素都是可点击的，但我想让整个元素都可<tr>点击。我不想执行 jQuery 查询操作，因为它不会在悬停时显示 href 图标。

我怎样才能做到这一点 ？

我读过这个问题，但它仍然在点击事件上使用 jQuery，它在悬停时不会显示 href 图标

这是我的 HTML

<table border=1>
  <tbody>

    <tr>
      <td style="display: none;">
        13467.36232877521
      </td>
      <td style="display: none;">
        0
      </td>
      <td width="5%" >
        <a href="http://localhost/greenhopping/store/976" style="text-decoration:none;color:black">
          <img src="http://greenhoppingbucket.s3.amazonaws.com/store/profile/1458470633N4IjGniw81.png" alt="image" height="58px" width="58px" style="margin: -8px 0px -9px -7px;" />
        </a>
      </td>
      <td width="25%">
        <div class="semibold">
          <a href="http://localhost/greenhopping/store/976" style="text-decoration:none;color:black">
                                                                            Juice Generation Demo 1  
                                                                        </a>
        </div>
        <div class="text-muted"><i class="fa fa-heart yellow"></i> 0</div>
      </td>
      <td width="35%">
        <div class="text-muted">
          <a …

我正在使用Vue并拥有:

<tr v-for="(blabla, index) in data">
  <td>{{ blabla.id }}</td>
  <td>{{ blabla.username }}</td>
  <td>{{ blabla.name }}</td>
  <td>
    <router-link 
      :to="{ name: 'name', params: { blabla: blabla.id } }"
      class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent"
    >
      Details
    </router-link>                     
  </td>                    
</tr>

如何使整行可以点击,而不仅仅是具有路由器链接的按钮？

我需要在流体模板中为完整的表行创建链接，此语法需要以下 html 代码（取自此问题） <tr class="clickable-row" data-href="url://http://domain.com/index.php?...">，我尝试使用内联 viewhelper 注释生成：

<tr class="clickable-row" data-href="url://{f:link.action(pageUid: settings.detailPid, absolute: 'TRUE', controller: 'Object', pluginName: 'Objects', action: 'detail', arguments: {object:item})}">

这将链接包装在一个<a tag>搞乱了一切的地方