隐藏javascript中的handsontable列

更好的解决方案: handsontable :隐藏一些列而不更改数据数组/对象 Is there any way i can hide HOT columns from javascript?The requirement is such that the column to hide will come as a parameter in javascript and based on that the respective column will show hide accordingly.The HOT has rowHeaders and colHeaders and the data with 20 columns.Please advise. 解决方案 OUTDATED SOLUTIONOk I founnd a possible solution. I tested it out on my own system but it's actually quite simple.You should be using a customRenderer in your columns option. Read up about this if you aren't already. The idea is that you're giving each cell its own renderer. In this custom function, you can do something like this:var colsToHide = [3,4,6]; // hide the fourth, fifth, and seventh columnsfunction getCustomRenderer() { return function(instance, td, row, col, prop, value, cellProperties) { if (colsToHide.indexOf(col) > -1) { td.hidden = true; } else { td.hidden = false; } }}What this renderer does is hide the cells that the var colsToHide specify. All you do now is add a DOM element that lets the user pick which and so every time the table gets rendered (which happens basically after any change, or manually triggered need be), the cells in the columns specified will be hidden, keeping the data array intact like you described. And when not in colsToHide they are re-rendered so make sure you get that working as well.Here I implemented it with very basic functionality. Just enter the index of a column into the input fields and watch the magic happen.http://jsfiddle.net/zekedroid/LkLkd405/2/Better Solution: handsontable: hide some columns without changing data array/object 这篇关于隐藏javascript中的handsontable列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！ 上岸，阿里云！