Solved: Issue with custom table load - Qlik Community

y_grynechko · ‎2018-11-30

Hello,

I have an issue with one object I open in a mashup.

It is a custom table, I tried getting it in two different ways:

app.visualization.get('QlikID');

app.getObject('QlikID');

but in both cases the column names stack on the left side:

And i should be like this:

Any ideas why it get formatted like that?

Thanks!

y_grynechko · ‎2018-11-30

Issue was in the library I was using for some functions. After removing the line table issue is solved.
Library:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

View solution in original post

ErikWetterberg · ‎2018-11-30

Hi,

Check the css - are there any css classes that clash? Also verify that the css is loaded (check the browser console for errors). This looks like an extension, so you should probably talk to the extension developer.

Qlik Sense extensions, mashups, integrations and APIs
Blog Extending Qlik

y_grynechko · ‎2018-11-30

Issue is definitely on my side. I tried loading same element to fresh mashup with only one element end it looks fine. I just can't find the bug.
All the css formatting used:

<body style="overflow: auto">

main{
background-color: #fff;
width: 100%;
overflow: auto;
display:flex;
}
.content{
width:83%;
background-color:f3f3f3;
margin-top:20px;
margin-right:3%;
}
.content .visualizations{
margin-top:2%;
display: flex;
flex-wrap: wrap;
margin-bottom:1%;
}
.content .visualizations .qvplaceholderPOTABLE{
height: 600px;
width:100%;
}

Any idea which may format it like this?

y_grynechko · ‎2018-11-30

Issue was in the library I was using for some functions. After removing the line table issue is solved.
Library:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>