Columns are not resizable by dragging the markers between the columns

I got a question to PocketQuery, which is by the way a very cool tool.

In documentation is written that when using standard template, columns are resizable by dragging the markers between the columns. That doesn't work in all browsers I've tried (IE, Firefox, Chrome).

Is there a way to adjust the size of a column in another way (template?).

3 answers

This widget could not be displayed.

Hi Michael,

Thanks, glad you hear you like PocketQuery! We removed the resizable columns from the defaults. Please use a custom template like this:

## @param colresizable:true
 
$PocketQuery.template("default")

Let me know if this helps!

Regards, Felix (Scandio) 

Thank you for your help:

I've made a custom template and copied your lines. But it does not work. I also changed param to true. But that didn't work either. What is wrong.

I am also more interested having best fit column sizes. At the moment all columns have the same width regardless of which content there is. That leads to the problem that some columns are to wide because the is only short content and others are cut.  Are there ways that column width is handled automatically best to content?

Strange. For me it works perfectly. I simply used the template I posted above:

cast-colresizable.gif

I think you should simply research how to format your table with CSS in the PocketQuery template in a <style> tag. This article could be an entry point.

This widget could not be displayed.

I've made a custom template and copied your lines. But it does not work. I also changed param to true. But that didn't work either. What is wrong.

I am also more interested having best fit column sizes. At the moment all columns have the same width regardless of which content there is. That leads to the problem that some columns are to wide because the is only short content and others are cut.  Are there ways that column width is handled automatically best to content?

 

This widget could not be displayed.

Hello,

I have the same problem as you.

Have your solve your problem, and if yes how ?

Thanks in advance for your answer.

 

We made a custom template:

<style>
.testtable {
     border-collapse: collapse;
 }
.testtable th, .testtable td {
      border: 1px solid black;
   padding: 7px;
     text-align: left;
     table-layout: auto;
}
</style>
<table class="testtable">
  <tr>
  #foreach ($column in $columns)
    <th class="col-$velocityCount">$!column</th>
  #end
  </tr>
  #foreach ($row in $result)
    <tr class="#if($velocityCount % 2 != 0)odd#{else}even#end">
    #foreach ($column in $row)
      <td class="col-$velocityCount">$!column</td>
    #end
    </tr>
  #end
</table>

 

Super, that work very fine. Thanks a lot !

With this Template, I have no more sorting of the column (click on the column name), and the grey color of the title rows disappeared.

Do you have the code for that 2 features ?

Thanks in advance for your answer.

Suggest an answer

Log in or Sign up to answer
Community showcase
Published Aug 22, 2018 in Marketplace Apps

How a Marketplace app tech team is achieving gender diversity

Hello! My name is Genevieve Blanch, and I'm the Marketing Manager at RefinedWiki, creators of apps to give teams the tools to customize Atlassian platforms. Currently, 44% of the tech team at Re...

522 views 3 19
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you