携帯電話のテーブルセルのデータを編集するためのプラグインまたは何か？

Question

私は携帯電話にテーブルを持っていると私はそのデータを編集可能にしたい。現在、私はそれらを編集可能にするためにテキストボックスを使用していますが、値が大きい場合には値が途切れてしまいます。

セルをタップすると、セルを編集するためのモーダルとテキストボックスがポップアップ表示されます。そのように見えるプラグインがあるのでしょうか、それとももっと良い解決策があれば分かち合いますか？ありがとう

Answer 1

DataTables JSこれは、セルを編集できるようにする最も良い方法です。ここにはexampleがあります。

タップで編集を有効にする場合は、 JQuery Touch Punchを使用することをお勧めします。これはクリックイベントをタップに変換します。

Answer 2

ng-tableとDataTablesを使用しています。 あなたの安楽に基づいて、誰でも使用できます

Answer 3

you can use angular bootstarp modal 

Just open a modal on click of any cell and set the value of that cell in the modalInstance.result.then() function. 
below is sample code for opening a modal. 

You can find more detail about modal on below link 
https://angular-ui.github.io/bootstrap/ 



var modalInstance = $uibModal.open({ 
     animation: $ctrl.animationsEnabled, 
     ariaLabelledBy: 'modal-title', 
     ariaDescribedBy: 'modal-body', 
     templateUrl: 'myModalContent.html', 
     controller: 'ModalInstanceCtrl', 
     controllerAs: '$ctrl', 
     size: size, 
     appendTo: parentElem, 
     resolve: { 
     items: function() { 
      return $ctrl.items; 
     } 
     } 
    }); 

    modalInstance.result.then(function (returned_value) { 

    // Set the value of selected cell here 

    }, function() { 
     $log.info('Modal dismissed at: ' + new Date()); 
    });