handsontable при модальном отображении первого столбца, только когда не нажата - PullRequest
Новая
       10

handsontable при модальном отображении первого столбца, только когда не нажата

0 голосов
/ 11 марта 2019

Я просто новичок в использовании handsontable, и у меня есть эта проблема, когда мой стол не отображается должным образом, когда я помещаю его в свой модал. Вот изображение этого Вот мой код для моей handsontable внутри моего ботинка: 

<div id="example1" class="handsontable" autofocus></div>
    <script>

                      function getCarData() {
                        return [
                                                          <?php 
                                        require '../connection.php';
                                        $sql = "Select * from members";
                                        $result = $con->query($sql);
                                        if ($result->num_rows > 0) {
                                            // output data of each row
                                            while($row = $result->fetch_assoc()) {
                                                $col1 = $row['first'];
                                                $col2 = $row['middle'];
                                                $col3= $row['last'];
                                                $col4=$row['rfidnum'];
                                        ?>
                      {RFID:'<?php echo $col4;?>', Name:'<?php echo $col1;?> <?php echo $col2;?> <?php echo $col3;?>',C: '',D:'',E:'',F:'',G:'',H:'',I:'',J:'',K:'',L:'',M:'',N: '',Final:''},<?php }}?>
                        ];
                      }

                      var
                        container = document.getElementById('example1'),
                        hot;

                      hot = new Handsontable(container, {
                        data: getCarData(),
                        colHeaders: ['RFID', 'Name', 'C','D','E','F','G','H','I','J','K','L','M','N','Final'],
                        rowHeaders: true,
                        manualRowResize: true,
                        contextMenu: true,
                        manualColumnResize: true,
                        colWidths: [100,100,100,100,100,100,100,100,100,100,100,100,100,100,100],
                        height: 400, 
                        formulas: true,
                        columnSorting : true,
                        columns: [
                          {
                            data: 'RFID',
                            readOnly: true,
                          },
                          {
                            data: 'Name',
                            readOnly: true,
                          },
                           {
                            data: 'C',
                            type: 'numeric'
                              },
    ...

Я также использовал это решение, но оно просто показывает кнопку прокрутки, содержимое не будет отображаться, пока я не нажму на них, вот решение, которое я попробовал: 

<script>
   $("#addSched").on('shown.bs.modal', function() {
       $(document).off('focusin.bs.modal');
            setTimeout(function() {
                $("#example1").handsontable("selectCell", 0, 0);
            }, 10);
    });
</script>

Спасибо за ваши ответы заранее, надеюсь, что есть решение для этого, потому что многие разработчики тоже сталкиваются с этой проблемой.

...