2016-01-05 40 views
0

的最後三列我有一個簡單Handsontable從一個MySQL表顯示一些數據。不幸的是,我檢索的數據太多,我需要刪除或隱藏添加的列。我已經在互聯網上搜索和它似乎有可能,但我發現每一個例子似乎並沒有工作。刪除Handsontable

results.jsp

<script> 
    var data = ${jsonProducts}; 
    var ht = new Handsontable(dataTable, { 
     data: data,  
     startRows: data.length, 
     readOnly: true, 
     maxCols: 7, 
     colHeaders: true, 
     colHeaders: ["Id", "Problem", "Solution", "Deadline", "Type", "Status", "Developer"],    
    }); 
</script> 

我試圖maxCols: 7但這不起作用。

這是如何我檢索數據(不,是它的相關的問題)

@RequestMapping(value = "/result", method = RequestMethod.GET) 
public String defaultView(Model model) { 
    Iterable<Request> request = requestRepository.findAll(); 
    model.addAttribute("requests", request); 
    Gson gson = new Gson(); 
    String json = gson.toJson(request); 
    model.addAttribute("jsonProducts", json); 
    return "form/result"; 
} 

這是表看起來像目前:current state of Handsontable

我想只顯示第7列和隱藏的最後3

任何幫助將不勝感激。

+0

在後端執行並將正確的數據發送到前端。 – glw

+0

它做的是有用的,以保持ID有時雖然,再加上,它很容易與handsontable!見下文 – ZekeDroid

回答

1

你需要明確界定在這種情況下,你想在你的網格從陣列中的數據源的原始數組中顯示的列。例如:

<script> 
var data = ${jsonProducts}; 
var ht = new Handsontable(dataTable, { 
    data: data,  
    startRows: data.length, 
    readOnly: true, 
    maxCols: 7, 
    columns: [{ data: 0, type: 'text' }, { data: 1, type: 'text' }, { data: 2, type: 'text' }, { data: 3, type: 'text' }, { data: 4, type: 'text'}], 
    colHeaders: true, 
    colHeaders: ["Id", "Problem", "Solution", "Deadline", "Type", "Status", "Developer"],    
}); 
</script>