Wie Tooltip Beschreibung in jeder Kopfzelle ui-Gitter

ich werde nicht winkelförmigen Stangen verwenden Bootstrap-Tooltip in Header-Zelle von ui-gridWie Tooltip Beschreibung in jeder Kopfzelle ui-Gitter

$scope.gridOptions = { 
//some settings 
columnDefs: [ 
    { 
    field: someId, 
    displayName: 'Name', 
    headerCellTemplate: 'linkToTemplate' //default headerCellTemplate with uib-tooltip={{tooltipDescription}}, 
    tooltipDescription: 'Tooltip description' //it's not working 
    } 
] 
}

headerCellTemplate setzen:

<div role="columnheader"> 
.... 
    <span class="ui-grid-header-cell-label"> 
    {{col.displayName}} 
    </span> 
    <span class="icon" uib-toolotp='{{col.tooltipDescription}}' tooltip-placement='right'></span>//it's not working 
.... 
</div>

was ist der richtige Weg Tooltip Beschreibung in jede Header-Zelle zu setzen?

Quelle

2016-06-23 rossoneri

ich shure bin nicht aber, warum Sie nicht ui-Tooltip verwenden? – Vitalii

Entschuldigung, es war ein falsches Beispiel, ich benutze uib-tooltip in headerCellTemplate. Die Frage ist, wie man eine Beschreibung für einen Tooltip in eine Vorlage aus $ scope.gridOptions oder $ scope.gridOptions.columnDefs schreibt. Ich möchte tooltipDescription in der Vorlage nicht fest codieren, wie uib-toolotp = 'irgendeine Beschreibung', weil es eine allgemeine Vorlage für alle Header-Zellen ist. – rossoneri

Verwenden Sie diese uib-tooltip-template = cell ['template'] – Vitalii

Jede Zelle hat col.colDef Eigenschaft mit Zugang zu allen Eigenschaften wie Feld, display, tooltipDescription usw.

Quelle

2016-07-13 17:09:59 rossoneri

Wie Tooltip Beschreibung in jeder Kopfzelle ui-Gitter

Antwort

Verwandte Themen