草庐IT

HTML:表格?

全部标签

javascript - VueJs - 表格分页和过滤器

我正在使用Vue2.js和ElementUI作为框架。我希望能够过滤一个切片的表格。为此,我使用了table和filter组件,可以找到它们的文档here.情况还好表格没有切片。当您选择一个过滤器时,循环遍历每一行并检查列的值是否等于过滤器。情况不对表格是切片的。当您选择一个过滤器时,循环遍历切片结果的每一行,并检查列的值是否等于过滤器。通过这样做,我们不会过滤“隐藏”值。我做了一点https://jsfiddle.net/acm3q6q8/3/所以更容易理解。所有这些都是有道理的,因为我不是在处理整个数据,而是在切片版本上。一种解决方案是隐藏行而不是通过切片数据来排除它们,但我想知道

javascript - jQuery - 检查所选行是否是表格中最后可见的行

之前我在这样的条件下检查了一行是否是表中的最后一行:$row.is(':last-child')效果很好。现在,我需要隐藏表中的某些行-现在我必须检查特定行是否是表中的最后可见行。我试过这个:$row.is(':visible:last-child')但没那么成功。有人知道吗? 最佳答案 这不起作用,因为last-child是display:none;.一种方法是迭代子节点以找到最后一个可见子节点的索引(seefiddle):var$rows=$('td');var$rowsReverse=$($rows.get().reverse

javascript - 在 contenteditable 中删除选择范围内的所有 HTML 标签

我有一个这是contenteditable并且可以包含多种类型的HTML元素,例如,,,等等。现在,当我在contenteditable中选择文本时我想要一个按钮来删除选择中的所有样式。示例1:选择:Hellothere.Iamaselection会变成:Hellothere.Iamaselection示例2:选择:Iamalink会变成:Iamalink你明白了......我发现了这个有用的函数https://stackoverflow.com/a/3997896/1503476用自定义文本替换当前选择。但是我无法先获取选择的内容并在替换之前删除标签。我该怎么做?

javascript - jquery html() vs empty().append() 性能

我在http://jsperf.com/jquery-html-vs-empty-append-test创建了一个测试用例比较$.html()和$.empty().append()的性能。我想知道.empty().append()更快。​​谁能解释这种性能差距?谢谢。 最佳答案 在你的代码中,$.empty().append()运行得更快,因为你的选择器是错误的,您应该使用var$test=$("#test");而不是var$test=$("test");进行比较。参见DEMOHere.

javascript - 外部语言环境文件中的 Angular $sce 与 HTML

将Angular应用程序从1.0.8升级到1.2.8时有关ng-bind-html的问题:我将语言环境字符串存储在名为en_GB.json、fr_FR.json等的文件中。到目前为止,我已经允许在语言环境字符串中使用HTML允许编写本地化内容的团队应用基本样式或添加内联anchor标记。这将产生以下示例JSON:{"changesLater":"Don'tforgetthatyoucanalwaysmakechangeslater.""errorEmailExists":"Thatemailaddressalreadyexists,pleasesignintocontinue."}当将

javascript - 如何让 ESLint 对 VSCode 中的 HTML 文件进行 lint?

我有一个Javascript浏览器项目拆分为多个文件,无法让ESLint在相同的全局范围内检查我的HTML文件的脚本标签,以便在一个文件中声明和调用类和函数可以在另一个文件中识别。这是我的项目结构:这是foo.js的内容:sayHello();和bar.js:functionsayHello(){console.log('Hello');}我已经在HTML文件中链接了它们:我认为解决这个问题的方法是使用eslint-plugin-html包,但尝试配置它却没有成功。这些是我在项目本地安装的包:Alexs-MacBook-Pro:Demoalexmcdermott$npmlist--de

javascript - 在 HTML5 Canvas 上创建立体 3D 图像

我正在使用HTML5canvas对象创建一个简单的3D引擎。它运作良好,但我想实现红/蓝立体图像处理,这样人们就可以使用红/蓝眼镜真正看到3D。目前,我对3D对象进行了两次渲染,第二次是从紧挨着第一个相机位置的相机位置渲染的。我面临的问题是如何将渲染的两个对象组合成具有正确颜色的浮雕。现在我使用globalAlpha=0.5并将第一个渲染为红色,第二个渲染为蓝色。然而,这并不完全有效,因为仅受红色对象影响的像素应该保持红色,但由于我的背景颜色是黑色,它们会变成黑色和红色之间的颜色。在查看创建3D浮雕的应用程序时,我注意到红色和蓝色像素一起计算如下:2550000255---------

javascript - 使用 jQuery slideToggle 一组表格行

我对javaScript和jQuery还很陌生,所以希望这会是一个快速修复。我需要显示一个包含可分为多个类别的数据的表格,我想实现一个slideToggle来隐藏/显示每个给定类别中的所有观察结果。下面的代码应该(理想情况下)显示一个包含4列和9行的表格,每组3行前面都有一个绿色的“Sectioni”行。我希望每个Section标题都可以作为slideToggle来展开或折叠其下方的所有行。现在,什么都没有崩溃。有什么想法吗?td{padding:5px;}$(document).ready(function(){$(".flip").click(function(){$(this).

javascript - 将键盘事件附加到 HTML 中的 SVG 元素

当在浏览器中运行HTML内的SVG时,无论如何要将textInput或keypress(或实际上任何其他文本输入)事件附加到SVG元素?我可以将事件处理程序附加到document.documentElement,但是当我通过任何机制将事件处理程序附加到任何类型的SVGElement时,没有任何反应......SVG,g,rect......我从SVG规范中看到这不受支持(W3SVGlistofevents),但是是否有任何浏览器支持任何“附加功能”?我无法在Chrome或Firefox上运行以下内容...Keyeventtestbody,html{margin:0;padding:0;

javascript - 根据我使用 javascript/JQuery 单击的位置更改 HTML

在html页面中,您可能有一些代码包含如下两段:ThefirstparagraphThesecondparagraph非常简单,这两个标签会像这样呈现:第一段第二段我感兴趣的是允许用户单击呈现的html代码中的某处,以便使用JQuery插入新元素。例如,如果我在第一段中找到的单词f*ir*st中单击字母i和字母r(只需单击,没有突出显示/选择),我将能够插入自定义span元素或我在HTML代码中那个位置完全喜欢的任何东西,结果如下:ThefirstparagraphThesecondparagraph有什么想法可以帮助我吗?我的要求不包括绝对定位。那不会解决我的问题。