Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
zener
22 / 9 / 2
Регистрация: 16.10.2010
Сообщений: 115
1

Данные таблицы выводятся в один столбец

11.08.2014, 13:19. Просмотров 255. Ответов 0
Метки нет (Все метки)

Здравствуйте, гуру js
Второй день бьюсь об клавиатуру, не понимая, почему данные из 2-мерного массива выводятся в один столбец.
Код below:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
    <head>
        <title>OAuth</title>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.css"/>
        <link rel="stylesheet" type="text/css" href="css/index.css"/>
        <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script>
    </head>
    <body>
        <div data-role="page" id="StartPage">
            <div data-role="header">
                <h3>Table</h3>
                <a id="saveButton" class="ui-btn-right" data-transition="slide">Save</a>
            </div>
            <div role="main">
                    <table data-role="table" id="tablePrint" data-mode="reflow" contenteditable='true'class = "ui-responsive" cellpadding=5>
                    </table>
            </div>
        </div>
        
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/indexTable.js"></script>
        <script type="text/javascript" src="js/spin.js"></script>
        <script type="text/javascript">
            $(document).ready(initialize);
        </script>
    </body>
</html>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
var saveButton = null;
var theTable = null;
var mas = null;
var n=24, m=24;
 
function initialize() {
    saveButton = document.getElementById('saveButton');
    saveButton.onclick = saveButtonClicked;
    theTable = document.getElementById('tablePrint');
 
    //add elements to array
    mas= [];
    for (var i = 0; i < n; i++){
        mas[i] = [];
        for (var j = 0; j < m; j++){
            mas[i][j] = j + i;
        }
    }
    // create the table with data
    createTable(theTable);
}
 
function createTable(table){
    for (var i=0; i<n; i++){
        var y = document.createElement('tr'); 
        for (var j=0; j<n; j++){
            var z = document.createElement('td');
            z.appendChild(document.createTextNode(mas[i][j]));
            y.appendChild(z);
        }
        table.appendChild(y);
    }
}
 
function saveButtonClicked() {
    alert("Saved");
    for (var i = 0; i < theTable.rows.length; i++){
        for (var j = 0; j < theTable.rows.item(0).cells.length; j++){
            mas[i][j] = theTable.rows.item(i).cells.item(j).innerHTML - 1;
            theTable.rows.item(i).cells.item(j).innerHTML = mas[i][j];
        }
    }  
}
Код подразумевает возможность отображения таблицы на IOS и Android девайсах.
При этом, если используется обычный table, то данные выводятся в нормальном виде - с сеткой, к примеру, используя следующий код:
Javascript
1
2
3
4
5
6
            <div role="main">
                 <div  style="width: screen-width; height: screen-height; overflow: scroll; scrollX:true;"> 
                    <table id="tablePrint" contenteditable='true' border="1px solid black" border-collapse="collaps" cellpadding=5>
                    </table>
                </div> 
            </div>
Подскажите, пожалуйста, в чем может быть ошибка?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.08.2014, 13:19
Ответы с готовыми решениями:

Получить данные с таблицы
Здравствуйте! Есть код html таблицы: &lt;table id=&quot;units_home&quot;...

Получить данные из ячейки таблицы
Доброго времени суток. Я только учусь, не пинайте строго. У меня такой...

Надо вытащить данные из таблицы
Есть html страница, в ней есть таблица , значение ячеек постоянно обновляется...

Как получить данные из таблицы бд ajax-ом?
в общем требуется получить данные из таблицы бд, на php вывод сделан, но...

Получить данные из таблицы, сформированной AJAX
Имеется такая страница http://www.forexpros.ru/commodities/gold-historical-data...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
11.08.2014, 13:19

Передать данные из определенной строки таблицы
Подскажите, как можно реализовать: Есть данные в бд, к примеру дата и...

Как передать данные из таблицы в форму, по клику?
Как сделать так чтобы: 1)Юзер кликает на нужной строке таблицы 2)Данные...

Заполнение нескольких форм используя данные из таблицы mysql
Есть форма, в ней несколько полей для ввода, куда можно вручную вводить данные....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru