个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我最近开始使用 jQuery、html 和 css，但我并不是真正了解所有内容。由于工作涉及所有这些事情，我不知道我的问题从何而来。
我想用 js 生成一个 html 数组(数据将(稍后)来自服务器)。这个数组可能是“动态的”(自动填充、更新等)并且很高兴看到(因此是 css)。
我现在确实有一些“好”的东西。唯一的问题是我确实有一个“隐藏”列，我无法摆脱它。
var data = ["City 1", "City 2", "City 3"]; //headers
var data1= [["New York", 123, "Seattle"],
["Paris", "Milan", "Rome"],
["Pittsburg", "Wichita", "Boise"]];
var cityTable;
//Init and creation of the header
$(document).ready(function() {
cityTable = makeTable($("#test"), data);
appendTableColumn(cityTable, ["Calgary", "Ottawa", "Yellowknife"]);
});
// Add a line thanks to the button
$(function(){
$('#button').click(
function(e){
appendTableColumn(cityTable, ["Calgary", "Ottawa", "Yellowknife"]);
}
)
}
)
//Add a line method
function appendTableColumn(table, rowData) {
var lastRow = $("<tr class=\'row\'/>").appendTo(table.find('thead:last'));
$.each(rowData, function(colIndex, c) {
console.log(c);
lastRow.append($('<td id="cell" class=\'cell\'/>').text(c));
});
return lastRow;
}
//Creation of the table
function makeTable(container, data) {
var table = $("<table/>");
var row = $("<thead>");
row.append($("<tr class=\'row\'/>"));
$.each(data, function(rowIndex, r) {
row.append($("<th>").text(r));
row.append($("</th>"));
});
table.append(row);
return container.append(table);
}tbody{
display: : block;
padding:20px;
max-width:800px;
margin:auto auto;
font-family:sans;
overflow-y: scroll;
}
table{
}
th {
background:#666;
color:#fff;
padding-left: 5px;
}
td {
padding:5px;
}
input {
height: 24px;
font-size: 18px;
padding:2px;
border:0;
}
body {
font: normal medium/1.4 sans-serif;
}
.cell:hover{
background-color:#FF7368;
}
.row:hover{
background-color:#E8CAB2;
}
.row:hover{
background-color:#E8CAB2;
}<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Editable Table</title>
<link rel='stylesheet prefetch' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css'>
<link rel='stylesheet prefetch' href='http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css'>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script>
<script src='http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore.js'></script>
<link rel="stylesheet" href="in0.css">
<link href="metro-icons.css" rel="stylesheet">
<script src="in0.js"></script>
</head>
<body>
<button id='button' type="button" >Click Me!</button>
<input type="search" id="search" placeholder="Filter by Title">
<table id="test"></table>
</body>
</html>最佳答案
好吧，我真的不知道为什么它会起作用，但这里我改变了什么和一些关于。
function appendTableColumn(table, rowData) {
var lastRow = $("<tr class=\'row\'>").appendTo(table.find('tbody:last'));
$.each(rowData, function(colIndex, c) {
console.log(c);
lastRow.append($('<td id="cell" class=\'cell\'/>').text(c));
});
return lastRow;
}
function makeTable(container, data) {
var table = $("<table/>");
var row = $("<thead class=\'row\'>");
$.each(data, function(rowIndex, r) {
row.append($("<th >").text(r));
row.append($("</th>"));
});
table.append(row);
var row1 = $("<tbody >");
table.append(row1);
return container.append(table);
}
问题是如何驾驭这个“blanc”。因此，我搜索了一种将“class=\'row\'”添加到头部的方法(这样就解决了问题)。因此，我在删除表并关闭初始函数后创建了一个 tbdy 部分。
在 appendTable 中，我从 tbody 开始，可以使用正确的 css 归档数组。
我不能说它为什么有效，但事实是它很好。
谢谢。
关于javascript - 具有 "graphical wrong"空间的数组，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37432274/
25
4
0
我想知道如何在 OCaml 中设置文本大小。我尝试了 Graphics.set_text_size，我猜这应该可以解决问题。 但是无论我输入 set_text_size 200 还是 set_text
我想使用mathematica 为我正在写的书绘制图表。我想在mathematica中画一个图，将其保存为图片，然后将其导入到quarkxpress中，最后将其导出为pdf。 我的问题是最好使用哪种格
在顶层加载 Graphics 模块时，我收到一条错误消息“找不到 graphics.cma”。 我使用的是 OS X，而且我很确定我已经正确安装了 OCaml，因为我已经使用了大约一个月了。所以看起来
我知道 DDS 文件的存在，允许在 as/400 上对显示图形进行编程，但是还有其他方法吗？ 具体来说，我想要做的是直接操作终端缓冲区，以便能够显示除文本之外的任何其他内容。例如，终端如下所示: 假设
Graphics.Save 与 Graphics.BeginContainer 有何不同？ 最佳答案 看看here : The documentation does not differentiate
由于 Gdiplus::Graphics::DrawGraphics(Graphics*, x, y) 不存在，执行此类操作的最佳方法是什么？ 例如，创建一个 Graphics 对象，使用各种 Dra
你能看出这有什么问题吗: (define (box d x1 y1 x2 y2) ( (graphics-draw-line d x1 y
我想编写一个 2D 游戏引擎。我遇到的问题(我不使用opengl之类的东西，所以我用cpu渲染)是，我通过graphics.drawImage()只得到7fps;您有任何加快速度的建议或其他替代方案吗
我在某些代码中发现了渲染错误，并找到了解决方法，但我想知道为什么我会得到不同的行为。在旧代码中，背景(有时)会呈现为白色，尽管在调试时 getBackground() 会返回正确的颜色。 旧代码: @
有谁知道是否有办法(也许通过外部API)将图形绘图/转换为多个图形？这个想法是同时保存 PNG 和 PDF(使用 Java IText 库)。 最佳答案 您可以将 Graphics 对象写入(java
我试图了解如何在英特尔芯片组上以 x86 保护模式绘制简单图形。我已经(有点)知道如何使用 VGA 接口(interface)来做到这一点，并且我正在尝试了解如何使用 G35 Express 来做到这
在我的应用程序中，我生成了一个条形码图像，该图像是根据用户使用 OpenFileDialog 上传的文件中的数据生成的。我的目标是允许用户在屏幕上查看条形码数据和图像本身，打印并使他们能够将两者保存为
我是 Java 新手，我只是想得到一些简单的东西，可能类似于 Zelle's graphics对于Python。 最佳答案 Java 类 Graphics和 Graphics2D应该包含 Zelle
如何将 FMX.Graphics.TBitmap 转换为 VCL.Graphics.TBitmap 或 Vcl.Imaging.PngImage.TPngImage？ 我的项目中有FMX表单和VCL表
我需要找到用于间距目的的字体大小，发现这很有帮助:https://docs.oracle.com/javase/tutorial/2d/text/measuringtext.html 但是，我不确定如
我有一点奇怪的错误是由一个看似简单的问题引起的。 在我的源代码中，我尝试使用 QQuickPaintedItem 来呈现 QWidget 派生类 (QPushButton) 的整体外观，然后将其绘制到
我正在尝试通过具有以下规范的设备来解决 Android 应用程序崩溃的问题: Device PAP3400DUO 1 Manufacturer — Android version Android 4.
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 9 年前。 Improve this ques
我有这行代码: mBgTransition = (TransitionDrawable) mSwitchBg.getBackground(); 背景曾经是一个常规的可绘制对象， 但现在是 9 个补丁
当我的应用程序在启动时崩溃时尝试实现自适应图标时出现此错误。 我无法想象为什么会收到此错误，因为在下面错误日志中提到的文件(MainActivity 和 BaseActivity)中，我没有使用Ada
我是一名优秀的程序员,十分优秀！