bom dia, estou estudando Estudando Java/JSF/Bootstrap e me deparei com a seguinte situação, como eu consigo ajustar o tamanho da minha coluna, d modo que o espaçamento nao fique tao grande, ou seja ajustado dinamicamente de acordo com o tamanho da informação dentro da tabela? desde já agradeço a todos.
pagina XHTML
<ui:define name="content">
<div class="row">
<div class="col-md">
<div class="card" style="margin-top: 20px; min-height: 65vh;">
<div class="card-body bg-light">
<h5 class="card-title">Cadastrar Novos Comunicados</h5>
<hr class="mb-5" />
<h:form>
<div class="table-responsive">
<h:dataTable rendered="#{not empty indexBean.comunicadosList}"
value="#{indexBean.comunicadosList}" var="c"
styleClass="table dataTable table-hover table-sm" width="100%">
<h:column >
<f:facet name="header">ID</f:facet>
#{c.id}
</h:column >
<h:column >
<f:facet name="header">TITULO</f:facet>
#{c.titulo}
</h:column>
<h:column >
<f:facet name="header">DATA</f:facet>
<h:outputText value="#{c.data_com}">
<f:convertDateTime type="date" pattern="dd-MM-yyyy HH:mm" />
</h:outputText>
</h:column>
</h:dataTable>
</div>
</h:form>
</div>
</div>
</div>
</div>
</ui:define>
