<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>data-header-css-class &#8211; SMsoft &#8211; informatica e dintorni</title>
	<atom:link href="https://blog.smsoft.it/tag/data-header-css-class/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.smsoft.it</link>
	<description>consigli settimanali su MacOS, GNU/Linux ed Open Source</description>
	<lastBuildDate>Tue, 21 Jun 2016 09:30:51 +0000</lastBuildDate>
	<language>it-IT</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=68611</generator>
	<item>
		<title>jquery-bootgrid: come gestire la larghezza delle colonne</title>
		<link>https://blog.smsoft.it/2016/06/21/jquery-bootgrid-gestire-la-larghezza-delle-colonne/</link>
					<comments>https://blog.smsoft.it/2016/06/21/jquery-bootgrid-gestire-la-larghezza-delle-colonne/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 21 Jun 2016 09:30:51 +0000</pubDate>
				<category><![CDATA[Html e PHP]]></category>
		<category><![CDATA[bootgrid]]></category>
		<category><![CDATA[data-header-css-class]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery-bootgrid]]></category>
		<guid isPermaLink="false">http://blog.smsoft.it/?p=3435</guid>

					<description><![CDATA[jquery-bootgrid è un buon sostituto per datatables.net per la gestione delle tabelle con contenuti da caricare tramite ajax, senza dover ricaricare la pagina. Sicuramente non offre tutte le caratteristiche del più famoso che ho già citato, ma è molto leggero e fa quello per cui è stato scritto. Oggi non vi parlo di come implemetarlo ... <a title="jquery-bootgrid: come gestire la larghezza delle colonne" class="read-more" href="https://blog.smsoft.it/2016/06/21/jquery-bootgrid-gestire-la-larghezza-delle-colonne/" aria-label="Per saperne di più su jquery-bootgrid: come gestire la larghezza delle colonne">Leggi tutto</a>]]></description>
										<content:encoded><![CDATA[<p><a href="https://github.com/rstaib/jquery-bootgrid" target="_blank" rel="noopener noreferrer">jquery-bootgrid</a> è un buon sostituto per datatables.net per la gestione delle tabelle con contenuti da caricare tramite ajax, senza dover ricaricare la pagina.</p>
<p>Sicuramente non offre tutte le caratteristiche del più famoso che ho già citato, ma è molto leggero e fa quello per cui è stato scritto.</p>
<p>Oggi non vi parlo di come implemetarlo (ci sono delle <a href="http://www.jquery-bootgrid.com/Examples" target="_blank" rel="noopener noreferrer">demo nel sito ufficiale</a>), ma di come gestirne alcune caratteristiche, non ben documentate.</p>
<p>Ad esempio, è possibile gestire la larghezza delle varie colonne, associando le classiche classi di bootstrap, ma la documentazione non offre una guida adeguata.</p>
<p>Veniamo al sodo. Per gestire la larghezza di una colonna, si può usare l&#8217;attributo <strong>data-header-css-class</strong> con la classe relativa alla larghezza (es <strong>col-sm-2</strong>).</p>
<p>Questo un esempio:</p><pre class="urvanov-syntax-highlighter-plain-tag"><table id="grid-data" class="table table-condensed table-hover table-striped">
    <thead>
      <tr>
        <th data-column-id="tots">Totali nel DB</th>
        <th data-column-id="remains">Da aggiornare</th>
        <th data-column-id="errors">Errori nel DB</th>
        <th data-column-id="rows">Rows Tot/Add/Upd/Err</th>
        <th data-column-id="tempo">Tempo</th>
        <th data-column-id="ts" data-visible="false" >Ts</th>
        <th data-column-id="tsi" data-header-css-class="col-sm-2" data-order="desc">TS</th>
      </tr>
    </thead>
  </table></pre><p>In questo esempio, la colonna <strong>tsi</strong> avrà larghezza <strong>col-sm-2</strong>.</p>
<p>Ricapitolando, a differenza di quanto scritto nella documentazione, il nome degli attributi non è nel formato:</p><pre class="urvanov-syntax-highlighter-plain-tag">data-camelCase=</pre><p>bensì nel formato:</p><pre class="urvanov-syntax-highlighter-plain-tag">data-camel-case=</pre><p></p>
<p>Questi alcuni tra gli attributi più utili:</p><pre class="urvanov-syntax-highlighter-plain-tag">data-column-id // non data-id come indica la documentazione
    data-identifier
    data-converter
    data-header-align // [sic], data-headerAlign fallisce in JQuery 1.5+
    data-css-class // come sopra
    data-header-css-class // come sopra
    data-formatter
    data-order
    data-searchable
    data-sortable
    data-visible
    data-visible-in-selection // come sopra
    data-width</pre><p></p>
<p>enjoy!</p>
<p>(<a href="https://github.com/rstaib/jquery-bootgrid/issues/239" target="_blank" rel="noopener noreferrer">fonte</a>)</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.smsoft.it/2016/06/21/jquery-bootgrid-gestire-la-larghezza-delle-colonne/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
