Question

我的网页上有一个使用数据表的表。（https://datatables.net/）。我在专栏的每个单元格中都有很长的句子。我需要一种方法，仅在鼠标悬停或鼠标单击时才必须显示单元格中的整个数据。

请告诉我如何去做。

PS是PHP javascript的新手。

这是我获得的代码。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>  
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />  
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>  
<script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>            
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css" /> 

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>

<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>

Answer 1

这与PHP无关，更多的CSS / Javascript。也许数据表对此有一个选项，但尚未找到。但是您可以做什么：

在PHP中，您可以在其中构建单元格的内容，只需回显前5个字即可。您在<span>标签和类hidden toggle之间回显的其余单词。
在CSS中创建一个类.hidden{display:none;}
制作一个由toggle类触发的Javascript函数，它应该添加或删除类hidden。这将显示或隐藏整个句子。

在jQuery中，类的切换非常简单，单击时也会触发一个函数。

祝你好运！

在mouseclick上显示完整的表行内容

1 个答案: