Tenho uma tabela chamada gridContudo
. Nessa tabela, existe essa <td>
: { width: 100, name: 'OBSERVACAO', index: 'OBSERVACAO', label: 'Observação'}]
. O que eu preciso é criar um atributo title nessa< td>
. Como eu faço? Se eu colocat isso: title: 'meu_title'
, simplesmente não funciona. Pequei isso, mas não entendi tudo:
$('#gridConteudo tr td:nth-child(15)').each(function (i) {
if (i > 0) { //skip header
var sContent = $(this).text();
$(this).attr("title", $(this).html());
//if (sContent.length > 20) {
// $(this).text(sContent.substring(0, 20) + '...');
//}
}
});
Não entendi bem essa linha:
tr td:nth-child(15)')
Como o conteúdo da <td>
é muito grande, coloquei essa linha, mas não funcionou:
if (sContent.length > 20) {
$(this).text(sContent.substring(0, 20) + '...');
Como eu estou tendo dificuldade para fazer funcionar, como um todo, creio que não funcionou devido a esses problemas. Não funcionou ele não mostrar mais de 20 linhas.
Abaixo a minha função que monta a table. Os exemplos que baixei, funcionam em uma table feita por html puro, mas quando aplico na table abaixo, não funciona, nada mesmo.
function CarregarGrid() {
$('#gridConteudo').jqGrid({
colModel: [{ width: 80, name: 'COD_OPERADORA', index: 'COD_OPERADORA', label: 'Operadora', formatter: GridOperadoraFormatter },
{ name: 'NOM_OPERADORA', index: 'NOM_OPERADORA', hidden: true },
{ width: 80, name: 'SITUACAO', index: 'SITUACAO', label: 'Situação' },
{ width: 90, name: 'DT_EXCLUSAO_OPERADORA', index: 'DT_EXCLUSAO_OPERADORA', label: 'Dt. Exclusão Operadora', sorttype: 'date', formatter: 'date', formatoptions: { srcformat: "d/m/Y", newformat: 'd/m/Y' } },
{ width: 130, name: 'COD_REDE', index: 'COD_REDE', label: 'Rede', formatter: GridRedeFormatter },
{ name: 'NOM_REDE', index: 'NOM_REDE', hidden: true },
{ width: 90, name: 'DT_EXCLUSAO_REDE', index: 'DT_EXCLUSAO_REDE', label: 'Dt. Exclusão Rede' },
{ width: 120, name: 'COD_PRESTADOR_SUBSTITUTO', index: 'COD_PRESTADOR_SUBSTITUTO', label: 'Prestador Substituto', formatter: GridPrestadorSubstitutoFormatter },
{ name: 'NOME_PRESTADOR_SUBSTITUTO', index: 'NOME_PRESTADOR_SUBSTITUTO', hidden: true },
{ width: 115, name: 'DESC_MOTIVO_EXCLUSAO', index: 'DESC_MOTIVO_EXCLUSAO', label: 'Motivo Exclusão' },
{ width: 95, name: 'DT_NOTIF_VOLUNTARIA', index: 'DT_NOTIF_VOLUNTARIA', label: 'Dt. Notificação Excl. Voluntária', sorttype: 'date', formatter: 'date', formatoptions: { srcformat: "d/m/Y", newformat: 'd/m/Y' } },
{ width: 90, name: 'DT_LIMITE_ATD', index: 'DT_LIMITE_ATD', label: 'Dt. Limite Realização', sorttype: 'date', formatter: 'date', formatoptions: { srcformat: "d/m/Y", newformat: 'd/m/Y' } },
{ width: 90, name: 'DT_LIMITE_REMESSA', index: 'DT_LIMITE_REMESSA', label: 'Dt. Limite Apresentação', sorttype: 'date', formatter: 'date', formatoptions: { srcformat: "d/m/Y", newformat: 'd/m/Y' } },
{ width: 90, name: 'DT_LIMITE_RECURSO', index: 'DT_LIMITE_RECURSO', label: 'Dt. Limite Reapresentação', sorttype: 'date', formatter: 'date', formatoptions: { srcformat: "d/m/Y", newformat: 'd/m/Y' } },
{ width: 90, name: 'DT_FIM_EXIBE_DIRECIONAMENTO', index: 'DT_FIM_EXIBE_DIRECIONAMENTO', label: 'Dt. Fim Exibe Site', sorttype: 'date', formatter: 'date', formatoptions: { srcformat: "d/m/Y", newformat: 'd/m/Y' } },
{ width: 100, name: 'OBSERVACAO', index: 'OBSERVACAO', label: 'Observação'}],
url: urlControle + '/GetPrestadorOperadora',
mtype: 'POST',
postData: { "pEXEC": function () { return $("#pEXEC").val(); }, "pCodPrestadorTS": function () { return $("#hidCodPrestadorTS").val(); } },
jsonReader: { repeatitems: false, root: function (obj) { return obj.Items; } },
datatype: "json",
autowidth: true,
shrinkToFit: false,
forceFit: true,
loadonce: true,
loadError: function (xhr, st, err) { $.notificacoes.erro("@TopSaudeResource.notificacao_erro_transacao"); },
loadComplete: function () {
if ($('#hidCodPrestadorTS').val() != '') {
var linhas = $("#gridConteudo").getDataIDs();
if (linhas.length <= 0) {
$('#divConteudo').hide();
$.notificacoes.erro("Prestador não está excluído em nenhuma Operadora e/ou Rede");
}
else {
$('#divConteudo').removeAttr('style');
$('#divConteudo').show();
}
$('table tbody tr td').each(function () {
var td = $(this);
var texto = td.text();
if (texto.length > 30) {
texto = texto.substr(0, 30) + '...';
}
td.attr('title', texto);
})
}
}
});
$('#gridConteudo').jqGrid('setLabel', 'COD_OPERADORA', '', { 'text-align': 'left' });
$('#gridConteudo').jqGrid('setLabel', 'SITUACAO', '', { 'text-align': 'left' });
$('#gridConteudo').jqGrid('setLabel', 'DT_EXCLUSAO_OPERADORA', '', { 'text-align': 'left' });
$('#gridConteudo').jqGrid('setLabel', 'COD_REDE', '', { 'text-align': 'left' });
$('#gridConteudo').jqGrid('setLabel', 'DT_EXCLUSAO_REDE', '', { 'text-align': 'left' });
$('#gridConteudo').jqGrid('setLabel', 'COD_PRESTADOR_SUBSTITUTO', '', { 'text-align': 'left' });
$('#gridConteudo').jqGrid('setLabel', 'DESC_MOTIVO_EXCLUSAO', '', { 'text-align': 'left' });
$('#gridConteudo').jqGrid('setLabel', 'DT_NOTIF_VOLUNTARIA', '', { 'text-align': 'left' });
$('#gridConteudo').jqGrid('setLabel', 'DT_LIMITE_ATD', '', { 'text-align': 'left' });
$('#gridConteudo').jqGrid('setLabel', 'DT_LIMITE_REMESSA', '', { 'text-align': 'left' });
$('#gridConteudo').jqGrid('setLabel', 'DT_LIMITE_RECURSO', '', { 'text-align': 'left' });
$('#gridConteudo').jqGrid('setLabel', 'DT_FIM_EXIBE_DIRECIONAMENTO', '', { 'text-align': 'left' });
$('#gridConteudo').jqGrid('setLabel', 'OBSERVACAO', '', { 'text-align': 'left' });
}
O toottip deve estar na coluna OBSERVACAO.