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

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.

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?

 

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
How to earn badges on the Atlassian Community

How to earn badges on the Atlassian Community

Badges are a great way to show off community activity, whether you’re a newbie or a Champion.

Learn more
Community showcase
Published Jul 10, 2018 in Marketplace Apps

If you’re an Atlassian app developer, you’ll want to know about Atlas Camp!

This September 6-7, hundreds of Atlassian App developers will flock to Barcelona Spain to build skills, discover product roadmaps, meet face-to-face with the Atlassian team, and learn how to extend t...

175 views 0 4
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