Handsontable - Ändern der Zeilenhöhe

Will ich ändern, die Höhe der Zeilen in mi handsontable. Ich schon ändern die Breite der Spalten (colWidths: [75,75,75]), aber ich kann nicht finden, die Art und Weise zu tun, das gleiche mit den Zeilen.

Dank!

InformationsquelleAutor Tomás Escamez | 2013-11-14
  1. 2

    Das problem mit Chachi-inaktiv ist die Höhe wird dynamisch auf eine der Halter divs

    <div class="wtHolder ht_master" style="position: relative; height: 27px;">

    Finden Sie und Bearbeiten Sie den untenstehenden code in die main handsontable.js

    columnWidth: 50,
rowHeight: function (row) {
  return 50;
},
defaultRowHeight: 50,
selections: null,
hideBorderOnMouseDownOver: false,

    Dieser muss aktualisiert werden, wenn Sie Elemente unter der handsontable Tabelle.

    InformationsquelleAutor RustyBadRobot
  2. 3

    Ich hatte das gleiche Problem, und Sie brauchen, um zu ändern, an einem Ort, der css-Datei oder überschreiben Sie den Stil in Ihren html:

    in der handsontable css-Datei suchen, für den Stil .handsontable td :

    .handsontable td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  height: 22px; /*change to the desired height value*/
  empty-cells: show;
  line-height: 21px;
  padding: 0 4px 0 4px;
  /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
  background-color: #FFF;
  vertical-align: top;
  overflow: hidden;
  outline-width: 0;
  white-space: pre-line;
  /* preserve new line character in cell */
}

    Nur ändern Sie den "height" - Wert auf die, die Sie wollen in der css, oder fügen Sie einfach folgende Zeile in der style-Sektion Ihres html-Dokuments:

    .handsontable td {  height: <desired height>px;}

    Zusätzlich würde ich die genannten änderungen durch RustyBadRobot in der Datei jquery.handsontable.js dies könnte verwendet werden, einige andere Berechnung, aber so weit die änderung in css genug zu sein scheint.

    Bitte beachten Sie, dass dies die Arbeit mit handsontable version 0.11.3, nicht sicher, ob dies gilt auch für die anderen Versionen.

    InformationsquelleAutor Edgar Chavolla
  3. 3

    können Sie diese verwenden. aber denken Sie daran, muss das Kästchen "white-space:nowrap" da !wichtig überschreiben Sie die handsontable Eigenschaft

    .handsontable td, .handsontable tr, .handsontable th
{
    max-width: 20px;
       min-width: 10px;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap !important;

}
    InformationsquelleAutor DanTe
  4. 0

    Ich weiß nicht, irgendwelche parameter ähnlich colWidths, die Sie verwenden können, um anzugeben, einzelne Zeilenhöhen, aber Sie können CSS verwenden, um geben Sie eine Höhe für alle td-und th-Elemente.

    Für Beispiel:

    .handsontable th,
.handsontable td {
    line-height: 50px;
}
    InformationsquelleAutor artburkart
Schreibe einen Kommentar