Jqwidgets: Problèmes avec le positionnement de texte dans jqxgrid

Question

Dans l'image ci-dessus une partie du texte dans l'en-tête est caché. J'ai essayé la propriété padding-bottom mais cela n'a pas aidé. J'utilise le widget jqxgrid de jqwidgets

Le div est concernée .jqx-grid-header Comment dois-je aller sur le point de placer le texte supérieur? Toute rétroaction serait utile

Answer 1

Eh bien, vous avez ajouté des balises BR dans les textes de votre en-tête de colonne. L'ajout de balises HTML vous obligera également à implémenter la fonction de rappel de rendu de la colonne. Le résultat de cette fonction doit être la chaîne HTML à afficher dans l'en-tête de la colonne.

Espérons que cela aide.

Answer 2

Vous pouvez le faire en le plaçant dans la définition de la colonne comme suit:

 columns: [ 
      { text: 'First Name', datafield: 'firstname', width: 100 }, 
      { text: 'Last Name', datafield: 'lastname', width: 100 }, 
      { text: 'Product', datafield: 'productname', width: 180 }, 
      { text: 'Quantity', datafield: 'quantity', width: 80, cellsalign: 'right' }, 
      { text: 'Unit Price', datafield: 'price', width: 90, cellsalign: 'right', cellsformat: 'c2' }, 
      { text: 'Total', datafield: 'total', minwidth: 100, resizable: false, width: 'auto', cellsalign: 'right', cellsformat: 'c2' } 
    ] 

Pour plus d'informations, je vous recommande de lire ici:

http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/columnsresizing.htm

J'espère que cela aide.