<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>Question Re: text wrapping in sap.ui.table (render issue) in Technology Q&amp;A</title>
    <link>https://community.sap.com/t5/technology-q-a/text-wrapping-in-sap-ui-table-render-issue/qaa-p/11896954#M4467435</link>
    <description>&lt;P&gt;Question can be closed. Sap.ui.table.table is not meant to change its row height dynamically.&lt;/P&gt;&lt;P&gt;&lt;A href="https://experience.sap.com/fiori-design-web/grid-table/"&gt;https://experience.sap.com/fiori-design-web/grid-table/&lt;/A&gt;&lt;/P&gt;&lt;P&gt;--&amp;gt; section cell level, search key: wrap&lt;/P&gt;</description>
    <pubDate>Wed, 03 Jul 2019 14:39:13 GMT</pubDate>
    <dc:creator>selenzser</dc:creator>
    <dc:date>2019-07-03T14:39:13Z</dc:date>
    <item>
      <title>text wrapping in sap.ui.table (render issue)</title>
      <link>https://community.sap.com/t5/technology-q-a/text-wrapping-in-sap-ui-table-render-issue/qaq-p/11896953</link>
      <description>&lt;P&gt;Hey,&lt;/P&gt;
  &lt;P&gt;i've got a sap.ui.table with visibleRowCountMode="Auto" binded with a JSON Model.&lt;/P&gt;
  &lt;P&gt;In my ColumnBinding I use a sap.m.text element as a template to wrap the text if its too long for the columnWidth.&lt;/P&gt;
  &lt;P&gt;It seems like the table doesnt refresh the actual height and the visible row count if the rows are rebinded to the table.&lt;/P&gt;
  &lt;P&gt;So no scrollbar appears if the table rows exceed the actual screen size.&lt;/P&gt;
  &lt;P&gt;see screen:&lt;/P&gt;
  &lt;P&gt;I created a bin to show the example coding of my table:&lt;/P&gt;
  &lt;P&gt;&lt;A href="https://jsbin.com/noxaqofeci/edit?html,js,output" target="test_blank"&gt;https://jsbin.com/noxaqofeci/edit?html,js,output&lt;/A&gt;&lt;/P&gt;
  &lt;P&gt;--&amp;gt; if you resize the column and the table doesnt fit into the screen the bug will appear.&lt;/P&gt;
  &lt;P&gt;Am i missing something or is there any way to fix this?&lt;/P&gt;
  &lt;P&gt;Thanks!&lt;/P&gt;
  &lt;P&gt;example code for my problem:&lt;/P&gt; 
  &lt;PRE&gt;&lt;CODE&gt;&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;
&amp;lt;meta name="description" content="UI5 table example with local JSON model" /&amp;gt;
&amp;lt;meta http-equiv='X-UA-Compatible' content='IE=edge' /&amp;gt;
&amp;lt;meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/&amp;gt;

&amp;lt;title&amp;gt;SAPUI5 Dynamic Table&amp;lt;/title&amp;gt;

&amp;lt;script id='sap-ui-bootstrap' type='text/javascript'
src='https://openui5.hana.ondemand.com/resources/sap-ui-core.js'
data-sap-ui-theme='sap_bluecrystal'
data-sap-ui-libs='sap.m,sap.ui.table'&amp;gt;&amp;lt;/script&amp;gt;

&amp;lt;script&amp;gt;

var columnData = [{
    columnName: "firstName"
}, {
    columnName: "lastName"
}, {
    columnName: "department"
}];
var rowData = [{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
}, {
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
},{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
},{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
},{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
},{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
},{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
},{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
},{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
}];
        var oTable = new sap.ui.table.Table({
    visibleRowCountMode: "Auto"
});
var oModel = new sap.ui.model.json.JSONModel();
oModel.setData({
    rows: rowData,
    columns: columnData
});
oTable.setModel(oModel);
oTable.bindColumns("/columns", function(sId, oContext) {
    var columnName = oContext.getObject().columnName;
    return new sap.ui.table.Column({
                width: "120px",
        label: columnName,
        template: new sap.m.Text({text: {path:columnName}})
    });
});
oTable.bindRows("/rows");
      page = new sap.m.Page({content:[
        oTable
      ]});
      app = new sap.m.App();
app.addPage(page);
app.placeAt("content");
&amp;lt;/script&amp;gt;

&amp;lt;/head&amp;gt;
&amp;lt;body class='sapUiBody'&amp;gt;
&amp;lt;div id='content'&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;&lt;/CODE&gt;&lt;/PRE&gt;</description>
      <pubDate>Tue, 02 Jul 2019 16:22:27 GMT</pubDate>
      <guid>https://community.sap.com/t5/technology-q-a/text-wrapping-in-sap-ui-table-render-issue/qaq-p/11896953</guid>
      <dc:creator>selenzser</dc:creator>
      <dc:date>2019-07-02T16:22:27Z</dc:date>
    </item>
    <item>
      <title>Re: text wrapping in sap.ui.table (render issue)</title>
      <link>https://community.sap.com/t5/technology-q-a/text-wrapping-in-sap-ui-table-render-issue/qaa-p/11896954#M4467435</link>
      <description>&lt;P&gt;Question can be closed. Sap.ui.table.table is not meant to change its row height dynamically.&lt;/P&gt;&lt;P&gt;&lt;A href="https://experience.sap.com/fiori-design-web/grid-table/"&gt;https://experience.sap.com/fiori-design-web/grid-table/&lt;/A&gt;&lt;/P&gt;&lt;P&gt;--&amp;gt; section cell level, search key: wrap&lt;/P&gt;</description>
      <pubDate>Wed, 03 Jul 2019 14:39:13 GMT</pubDate>
      <guid>https://community.sap.com/t5/technology-q-a/text-wrapping-in-sap-ui-table-render-issue/qaa-p/11896954#M4467435</guid>
      <dc:creator>selenzser</dc:creator>
      <dc:date>2019-07-03T14:39:13Z</dc:date>
    </item>
  </channel>
</rss>

