jQuery DataTables «nCell не определено» в таблице Compex

0

Я использую следующие сценарии и следующий код и продолжаю получать ошибку

nCell is undefined

на линии 669, которая

nCell.className += ' '+oCol.sClass;

Может ли кто-нибудь пролить свет на это, пожалуйста? Я не мог заставить jsFiddle работать по мере необходимости, к сожалению

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/js/bootstrap.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/highcharts/3.0.2/highcharts.js"></script>
        <script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.js"></script>

,

<table class="table table-bordered table-hover table-condensed" id="qipp">
                    <thead>

                        <tr>
                            <th class="active"><a href="#" data-toggle="tooltip" data-placement="top" data-content="Evaluation & Testing Criteria">Evaluation</a></th>
                            <th class="active"><a href="#" data-toggle="tooltip" data-placement="top" data-content="Component Projects">Components</a></th>
                            <th class="active"><a href="#" data-toggle="tooltip" data-placement="top" data-content="Gross Savings 13/24 £'000">Gross</a></th>
                            <th colspan="3" class="active"><a href="#" data-toggle="tooltip" data-placement="top" data-content="Risk Share - Gross Savings">Risk Share</a></th>
                            <th colspan="2" class="success">YTD</th>
                            <th class="active"><a href="#" data-toggle="tooltip" data-placement="top" data-content="Total Forecast Delivery In Year">Total</a></th>
                            <th class="active"><a href="#" data-toggle="tooltip" data-placement="top" data-content="Revised Forecast Delivery In Year (CCG adjusted)">Revised</a></th>
                            <th class="active"><a href="#" data-toggle="tooltip" data-placement="top" data-content="Variance from Plan & FOT">Variance</a></th>
                            <th class="active"><a href="#" data-toggle="tooltip" data-placement="top" data-content="Variance from Plan & Adjusted FOT">Variance Adj.</a></th>
                            <th colspan="3" class="success">RAG</th>
                        </tr>
                        <tr>
                            <th class="active"></th>
                            <th class="active"></th>
                            <th class="active"></th>
                            <th class="active"><a href="#" data-toggle="tooltip" data-placement="top" data-content="GHTF Risk £'000">GHTF</a></th>
                            <th class="active"><a href="#" data-toggle="tooltip" data-placement="top" data-content="CCG Risk £'000">CCG</a></th>
                            <th class="active"></th>
                            <th class="success">Activity</th>
                            <th class="success">Cost</th>
                            <th class="active"></th>
                            <th class="active"></th>
                            <th class="active"></th>
                            <th class="active"></th>
                            <th class="success">Project</th>
                            <th class="success">Savings</th>
                            <th class="success">Recurrent / Trend</th>
                        </tr>
                    </thead>

                    <tbody>
                        <tr>
                            <td class="warning" colspan="15">{THEME 1}</td>
                        </tr>

                        <tr>
                            <td rowspan="5" class="text-center"><a data-content="<strong>Work Programme:</strong> {} <br/> <strong>GCCG Project Lead:</strong> {} <br/> <strong>Finance Lead:</strong> {} <br/> <strong>Information Lead:</strong> {}" title="Information">{NAME}</a></td>
                            <td rowspan="5" class="text-center">0</td>
                            <td rowspan="5" class="text-center">0</td>
                            <td rowspan="5" class="text-center">-</td>
                            <td rowspan="5" class="text-center">-</td>

                            <td>Actual</td>
                            <td><a data-toggle="modal" href="#myModal1">0</a></td>
                            <td><a data-toggle="modal" href="#myModal1">0</a></td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>G</td>
                            <td>G</td>
                            <td>G</td>
                        </tr>

                        <tr>
                            <td>Plan</td>
                            <td><a data-toggle="modal" href="#myModal1">0</a></td>
                            <td><a data-toggle="modal" href="#myModal1">0</a></td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>G</td>
                            <td>G</td>
                            <td>G</td>
                        </tr>
                        <tr>
                            <td>Variance</td>
                            <td><a data-toggle="modal" href="#myModal1">0</a></td>
                            <td><a data-toggle="modal" href="#myModal1">0</a></td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>G</td>
                            <td>G</td>
                            <td>G</td>
                        </tr>
                        <tr>
                            <td>Row #4</td>
                            <td><a data-toggle="modal" href="#myModal1">0</a></td>
                            <td><a data-toggle="modal" href="#myModal1">0</a></td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>G</td>
                            <td>G</td>
                            <td>G</td>
                        </tr>
                        <tr>
                            <td>Row #5</td>
                            <td><a data-toggle="modal" href="#myModal1">0</a></td>
                            <td><a data-toggle="modal" href="#myModal1">0</a></td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>0</td>
                            <td>G</td>
                            <td>G</td>
                            <td>G</td>
                        </tr>
                    </tbody>

                </table>
  • 0
    Нам нужно точно определить, где определена nCell. Вероятно, это неправильный селектор ...
  • 0
    Это на линии 669 плагина JS. if (bClass) {nCell.className + = '' + oCol.sClass; }
Показать ещё 7 комментариев
Теги:
datatables

2 ответа

5

DataTables не поддерживает colspan или rowspan в TBODY....

  • 0
    Хороший улов; есть ли шанс, что вы тоже можете связаться с источником для этого?
  • 0
    Я вижу это на официальном форуме DataTable следующим образом: datatables.net/forums/discussion/comment/42997
1

Также проверьте правильные номера tr и td. Должно быть такое же число, это ада и тём.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню