Я новичок в Javascript, и это может показаться основным вопросом.Индекс строки и столбца в таблице Javascript
Я создал таблицу HTML из файла JSON, используя javascript. Таблица, называемая «JsonTable», имеет 7 столбцов. Мне нужно создать график рассеяния, построив столбец 4 и столбец 6. Как выбрать эти столбцы? Я не могу найти ничего, что позволит мне индексировать столбцы, чтобы выбрать их.
Спасибо!
Вот мой код: когда я запустил его, появится таблица с 7 столбцами. Мне нужно построить колонку 4 и колонку 6.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"> </script>
</head>
<body>
<div style="margin: 20px auto; width: 500px;">
<table border="1" cellpadding="5" id="jsonTable" style="border-collapse: collapse;">
</table>
</div>
<script type="text/javascript">
function addAllColumnHeaders(myList) {
var columnSet = [];
var headerTr$ = $('<tr/>');
for (var i = 0; i < myList.length; i++) {
var rowHash = myList[i];
for (var key in rowHash) {
if ($.inArray(key, columnSet) == -1) {
columnSet.push(key);
headerTr$.append($('<th/>').html(key));
}
}
}
$("#jsonTable").append(headerTr$);
return columnSet;
}
$.getJSON("data.json", function (data) {
var columns = addAllColumnHeaders(data);
for (var i = 0; i < data.length; i++) {
var row$ = $('<tr/>');
for (var colIndex = 0; colIndex < columns.length; colIndex++) {
var cellValue = data[i][columns[colIndex]];
if (cellValue == null) { cellValue = ""; }
row$.append($('<td/>').html(cellValue));
}
$("#jsonTable").append(row$);
}
});
</script>
</body>
</html>
Пожалуйста, покажите нам, что вы сделали до сих пор .. – Lal
показать нам код. Вы хотите использовать только javascript или разрешено jquery? – depperm
Я просто добавил код :) Я не уверен, как это поможет, так как код просто создает таблицу. Теперь мне нужно использовать столбцы 4 и 6 таблицы и построить их друг против друга ... – Nitya