Text length

Hi,
Currently, there is a limit on the number of characters displayed in tooltips and table previews. Unfortunately, it is not possible to display the full text at the moment. However, we are aware of this limitation, and our team is actively exploring possible improvements for future updates.

Hi Ryan

Thank you for your reply and advice. I am interested in this code and would be very thankful if you could send it to me.

Many thanks 

Rahel

Hi Rahel,

HTML

<div class="col-md-12">
                <div class="table-module">
                    <table class="table-basic"
                           ods-results="tests"
                           ods-results-context="ctx"
                           ods-results-max="1000">
                        <thead>
                            <tr>
                                <th>Document Name</th>
                                <th>Description</th>
                                <th>Link</th>
                             
                               
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="test in tests">
                                <th scope="row" style="width:35%">
                                    {{ test.fields.document_name | capitalize }}
                                </th>
                                <td style="width:60%">
                                    {{ test.fields.description }}
                                </td>
                                <td style="width:5%">
                                   <a href="{{ test.fields.link }}">{{ test.fields.link }}</a>
                                </td>
                                
                            </tr>
                        </tbody>
                    </table>
                </div>
                
            </div>

CSS

.table-module {
  height: 50rem; 
  overflow-y: auto;
  
  
}
.table-basic {
  display: table;  
  border-collapse: collapse; 
  table-layout:fixed;
  white-space: wrap;
  background-color: #FFFFFF;
}
.table-basic thead th {
  color: #ffffff;
  background-color: #ab1236;
  font-weight: 500;
  padding: 13px 3px;
  position: sticky;
  top: 0;
  z-index: 1;
}
.table-basic thead th:first-child,
.table-basic tbody th {
  padding-left: 13px;
}
.table-basic tr td,
.table-basic tbody th {
  font-weight: normal;
  border-top: 1px solid #dee5ef;   
}
.table-basic tr td {
  padding: 20px 5px;
}

tr:nth-child(even) {
  background-color: #dcdcdc;
}

Many thanks Ryan! It worked: Weg der Vielfalt Stadt St.Gallen — St.Gallen

Glad to hear that Rahel! 😀