\u00c0s vezes ao montar uma tabela com dados, \u00e9 necess\u00e1rio cortar a largura das colunas para que toda a informa\u00e7\u00e3o caiba.<\/p>\n

Todavia, nem sempre isso resolve o problema de mostrar a informa\u00e7\u00e3o de forma consistente. \u00a0Pense no caso de ter varias pessoas com o mesmo nome inicial. Apenas cortar n\u00e3o resolve.<\/p>\n

Ent\u00e3o temos que abreviar.<\/p>\n

YeAPF 0.8.56 inclui no String.prototype uma fun\u00e7\u00e3o chamada ‘abbreviate()’ que ajuda nestas situa\u00e7\u00f5es.<\/p>\n

Usando o yloader.js voc\u00ea pode fazer os seguintes testes no console:<\/p>\n

> s=\"Ana Maria da Rocha Pereira\";\r\n< undefined\r\n> s.abbreviate(2)\r\n< \"A.\"\r\n> s.abbreviate(10)\r\n< \"Ana M. R.P.\"\r\n> s.abbreviate(15)\r\n< \"Ana M. R.Pereira\"<\/pre>\n
 <\/p>\n
Esta \u00e9 uma daquelas que tamb\u00e9m podem ser usadas com ycomm.dom.fillElement(). Ent\u00e3o uma tabela poderia ficar assim:<\/p>\n
<tbody>\r\n  <tr>\r\n    <td align=right>%(codigo)<\/td>\r\n   <td>%abbreviate(nome, 30)<\/td>\r\n  <\/tr>\r\n<\/tbody><\/pre>\n
Isso mais um pouco de controle no css pode fazer com que a informa\u00e7\u00e3o mantenha a inteligibilidade (palavra complicada apenas para dizer que a pessoa l\u00ea e entende na hora) da informa\u00e7\u00e3o<\/p>\n
De outa forma (apenas com overflow: hidden por exemplo) pode facilitar a confus\u00e3o.<\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
\u00c0s vezes ao montar uma tabela com dados, \u00e9 necess\u00e1rio cortar a largura das colunas para que toda a informa\u00e7\u00e3o caiba. Todavia, nem sempre isso resolve o problema de mostrar a informa\u00e7\u00e3o de forma consistente. \u00a0Pense no caso de ter varias pessoas com o mesmo nome inicial. Apenas cortar n\u00e3o resolve. Ent\u00e3o temos que abreviar. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[49,8],"tags":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5O6UV-5F","jetpack-related-posts":[{"id":91,"url":"http:\/\/www.yeapf.com\/wp\/?p=91","url_meta":{"origin":351,"position":0},"title":"Aplicativos mono p\u00e1gina","date":"mar\u00e7o 14, 2014","format":false,"excerpt":"Aplicativos que usam s\u00f3 uma p\u00e1gina t\u00eam um lugar assegurado no desenvolvimento de software atual e futuro. Bem feitos s\u00e3o elegantes e f\u00e1ceis de manter. Tamb\u00e9m s\u00e3o uma m\u00e3o na roda na hora de fazer um aplicativo que funcione tanto em desktop como em mobile. Para construirmos um aplicativo com\u2026","rel":"","context":"Em "Desenvolvimento"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":5,"url":"http:\/\/www.yeapf.com\/wp\/?p=5","url_meta":{"origin":351,"position":1},"title":"Migrando bancos de dados com ydbmigrate","date":"janeiro 10, 2014","format":false,"excerpt":"Desenvolver um aplicativo implica em ter um bom banco de dados, mas responder rapidamente a uma migra\u00e7\u00e3o estrutural \u00e9 mais um pesadelo do que uma noite bem dormida. Dentre as ferramentas que o YeAPF disp\u00f5e se encontra o ydbmigrate. Esta ferramenta nos permite exportar e importar dados de varias fontes\u2026","rel":"","context":"Em \"firebird\"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":25,"url":"http:\/\/www.yeapf.com\/wp\/?p=25","url_meta":{"origin":351,"position":2},"title":"Primeiros passos com YeAPF","date":"fevereiro 22, 2014","format":false,"excerpt":"Tive oportunidade de ver minha irm\u00e3 mais nova andar sozinha pela primeira vez e nunca mais esqueci da experi\u00eancia. \u00a0Anos depois naceram os filhos e o impacto \u00e9 tremendo. Brinco com quem programa usando YeAPF de que s\u00e3o meus filhos, carinhosamente. Por isso que os primeiros passos s\u00e3o importantissimos para\u2026","rel":"","context":"Em "Yet Another PHP Framework"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":373,"url":"http:\/\/www.yeapf.com\/wp\/?p=373","url_meta":{"origin":351,"position":3},"title":"O uso do db_queryAndFillArray() em requisi\u00e7\u00f5es Ajax e RESTFul","date":"mar\u00e7o 3, 2018","format":false,"excerpt":"Em YeAPF a forma mais simples de responder a uma requisi\u00e7\u00e3o em que o resultado vem de apenas uma consulta SQL (simples ou combinada) \u00e9 a seguinte: function qTeste($a) { \u00a0 global $u, $xq_start; $useColNames = true; $xq_count=999; $ret=''; \/\/ publish query variables as local variables extract(xq_extractValuesFromQuery()); $xq_start=isset($xq_start)?intval($xq_start):0; switch($a) {\u2026","rel":"","context":"Em "Yet Another PHP Framework"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":39,"url":"http:\/\/www.yeapf.com\/wp\/?p=39","url_meta":{"origin":351,"position":4},"title":"Ajax com YeAPF","date":"mar\u00e7o 3, 2014","format":false,"excerpt":"Pretendo deixar cada uma das postagens o mais simples poss\u00edvel.\u00a0 Mas, n\u00e3o \u00e9 poss\u00edvel proceder com este se antes voc\u00ea n\u00e3o instalou e configurou seu ambiente de desenvolvimento e o YeAPF.\u00a0 Este post (http:\/\/inovacaosistemas.com.br\/wp\/?p=25) lhe pode ajudar a fazer isso, caso n\u00e3o o tenha feito ainda. Introdu\u00e7\u00e3o Nos prim\u00f3rdios da\u2026","rel":"","context":"Post similar","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":254,"url":"http:\/\/www.yeapf.com\/wp\/?p=254","url_meta":{"origin":351,"position":5},"title":"Login para aplicativos YeAPF","date":"janeiro 16, 2016","format":false,"excerpt":"Uma das coisas necess\u00e1rias no desenvolvimento de um aplicativo \u00e9 uma telinha de login. \u00c9 uma bem sucedida entrada a que gera o par\u00e2metro contextual\u00a0u que \u00e9 essencial para a seguran\u00e7a do trip\u00e9 s-u-a do YeAPF. Voc\u00ea precisar\u00e1 uma tela de login que chamaremos neste exemplo de f_login.html, umas modifica\u00e7\u00f5es\u2026","rel":"","context":"Em "Desenvolvimento"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/351"}],"collection":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=351"}],"version-history":[{"count":3,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/351\/revisions"}],"predecessor-version":[{"id":354,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=\/wp\/v2\/posts\/351\/revisions\/354"}],"wp:attachment":[{"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=351"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.yeapf.com\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}