handsontable의 내용에 열을 맞 춥니 다

Question

저는 handsontable을 처음 사용하기 때문에 셀의 내용만큼 칼럼 너비만큼 단순한 목표를 달성 할 수 없습니다. 표의 전체 내용을 표시 할 수있는 충분한 공간을 부모에게 제공하더라도 일부 열은 일부 셀의 내용과 겹칩니다.

나는 테이블을 상위로 늘리고 싶지 않습니다. 전체 테이블 내용을 보여 주기만하면됩니다 (충분한 공간이 있습니다).

업데이트

fap의 답이 맞습니다.

나는 테이블의 기본 정의에서 오는 문제가 아니라 렌더러의 정의에 대한 것이 세포에 있다는 것을 깨달았다.

cells: function (row, col, prop) { 
    var cellProperties = {}; 
    if (row === 0) { 
     cellProperties.renderer = firstRowRenderer; 
    } 
return cellProperties; 
} 

function firstRowRenderer(instance, td, row, col, prop, value, cellProperties) { 
    Handsontable.renderers.TextRenderer.apply(this, arguments); 
    td.style.fontWeight = 'bold'; 
    td.style.color = 'green'; 
    td.style.background = '#CEC'; 
} 

콘텐츠가 손 잡을 수없는 셀에 맞지 않고 크기가 조정되지 않은 경우 렌더러가 적용된 후입니다. 이것은 제가 직면하고있는 실제 문제입니다.

Answer 1

테이블 및/또는 열의 폭을 지정하지 마십시오. Handsontable은 각 셀에있는 가장 긴 값에 따라 열의 크기를 조정합니다. 당신이 값을 편집 할 경우, 열이 동적으로 크기를 조정하는 것이

는

See this simple example.

참고.

---

그러나 당신이 당신의 표는 화면보다 넓은 너무 많은 열 너비를 확장 값이 있다면? 글쎄, 당신이 정말로 원하지 않는다면 (그리고 내가 먼저 칼럼이나 테이블을 구분하는 요점은 무엇입니까?), preventOverflow 옵션을 사용할 수 있습니다 :

preventOverflow: 'horizontal', 

in this example에서 볼 수 있듯이 테이블을 화면에서 벗어나지 만 모든 데이터를 볼 수 있도록 열의 크기를 조정하는 탐색 표시 줄이 자동으로 만들어집니다.