Javascript 在手机中编辑表格单元格中数据的插件或任何东西?

Javascript 在手机中编辑表格单元格中数据的插件或任何东西?,javascript,angularjs,html,Javascript,Angularjs,Html,请看,我在mobile中有一个表,我希望它的数据是可编辑的。目前,我正在使用textbox使其可编辑,但它看起来不太好(值会被截断,特别是如果值较大) 我在想,当你点击单元格时,它会弹出一个模式和一个文本框来编辑该单元格?是否有这样的插件,或者如果你有更好的解决方案,你介意分享吗?谢谢 是最好的选择,这允许单元格不可编辑。这是一个给定的例子 如果要启用点击编辑。我建议你使用。它将转换您的点击事件。是最好的选择,这允许单元格不可编辑。这是一个给定的例子 如果要启用点击编辑。我建议你使用。它将转换您

请看,我在mobile中有一个表,我希望它的数据是可编辑的。目前,我正在使用textbox使其可编辑,但它看起来不太好(值会被截断,特别是如果值较大)

我在想,当你点击单元格时,它会弹出一个模式和一个文本框来编辑该单元格?是否有这样的插件,或者如果你有更好的解决方案,你介意分享吗?谢谢

是最好的选择,这允许单元格不可编辑。这是一个给定的例子

如果要启用点击编辑。我建议你使用。它将转换您的点击事件。

是最好的选择,这允许单元格不可编辑。这是一个给定的例子

如果要启用点击编辑。我建议你使用。它将转换您的点击事件。

我一直在使用和。 基于您的易用性,您可以使用我一直在使用和的任何一款。
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());
    });
基于您的易用性,您可以使用其中任何一种

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());
    });