handsontable - 如何在Handsontable中使用Handsontable禁用特定列

123 3

如何在handsontable中使用handsontable禁用特定列,我只要第一列能编辑,其他三列禁用掉,我在那三列使用了readonly,但是它不起作用,如何才能禁用呢..


 columns: [


 {


 type:\'handsontable\',


 handsontable: {



 colHeaders: [\'EmployeeNo\',\'EmployeeName\',\'Department\',\'Designation\'],


 data: manufacturerData,


 columns:[{},{readOnly: true},


 {


 readOnly: true


 },


 {


 readOnly: true


 }]


 }



 },


 {}]



时间: 原作者:

120 1

在项目中,我用这一行代码来实现。


 cells : function(row, col, prop) {


 var cellProperties = {};



 if (col > 0) {


 cellProperties.readOnly = true;


 }


 else


 {


 cellProperties.readOnly = false;


 }



 return cellProperties;


 }



你可以在链接中找到它的例子,http://handsontable.com/demo/conditional.html

原作者:
110 3

请参见JSFiddle,方法与你类似。


$("#test").handsontable({


 startRows: 1,


 startCols: 1,


 rowHeaders: true,


 colHeaders: true,


 minSpareCols: 0,


 minSpareRows: 0,


 contextMenu: false,


 fillHandle: false,


 outsideClickDeselects: false,


 removeRowPlugin: false,


 currentRowClassName: \'currentRow\',


 currentColClassName: \'currentCol\',


 columnSorting: true,


 colHeaders: [\'Col1\',\'Col2\',\'Col3\',\'Col4\'],


 columns: [{},


 {readOnly: true}, 


 {readOnly: true},


 {readOnly: true}]


 });



工作链接:http://jsfiddle.net/rvd61fuy/

原作者:
50 3

还要检查你有没有使用最新版本的Handsontable,

使用下面的版本解决了我的问题(下面是我在HTML页面中使用的内容)


<script src="http://docs.handsontable.com/pro/1.9.0/bower_components/handsontable-pro/dist/handsontable.full.min.js"></script>


<link type="text/css" rel="stylesheet" href="http://docs.handsontable.com/pro/1.9.0/bower_components/handsontable-pro/dist/handsontable.full.min.css">



原作者:
...