Hello, if someone has time, can i get some help with Column Wrap?
My view page is filling one column across 2 pages, but I want to fill one page if possible. I've been trying to follow along with notes in here, and also a bootstrap page but I'm not understanding.
<?php
$counter = 0;
if(!empty($data)){
$rec_id = (!empty($data['id']) ? urlencode($data['id']) : null);
$counter++;
?>
<div id="page-report-body" class="">
<table class="table table-hover table-borderless table-striped">
<!-- Table Body Start -->
<tbody class="page-data" id="page-data-<?php echo $page_element_id; ?>">
<tr class="td-Teacher_Name">
<th class="title"> Teacher Name: </th>
<td class="value">
<span data-source='<?php print_link('api/json/chart_Teacher_Name_option_list'); ?>'
data-value="<?php echo $data['Teacher_Name']; ?>"
data-pk="<?php echo $data['id'] ?>"
data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>"
data-name="Teacher_Name"
data-title="Select a value ..."
data-placement="left"
data-toggle="click"
data-type="select"
data-mode="popover"
data-showbuttons="left"
class="is-editable" >
<?php echo $data['Teacher_Name']; ?>
</span>
</td>
</tr>
<tr class="td-Student_Name">
<th class="title"> Student Name: </th>
<td class="value">
<span data-source='<?php
$dependent_field = (!empty($data['Teacher_Name']) ? urlencode($data['Teacher_Name']) : null);
print_link('api/json/chart_Student_Name_option_list/'.$dependent_field);
?>'
data-value="<?php echo $data['Student_Name']; ?>"
data-pk="<?php echo $data['id'] ?>"
data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>"
data-name="Student_Name"
data-title="Select a value ..."
data-placement="left"
data-toggle="click"
data-type="select"
data-mode="popover"
data-showbuttons="left"
class="is-editable" >
<?php echo $data['Student_Name']; ?>
</span>
</td>
</tr>
<tr class="td-Date">
<th class="title"> Date: </th>
<td class="value">
<span data-flatpickr="{altFormat: 'F j, Y - H:i', minDate: '', maxDate: ''}"
data-value="<?php echo $data['Date']; ?>"
data-pk="<?php echo $data['id'] ?>"
data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>"
data-name="Date"
data-title="Enter Date"
data-placement="left"
data-toggle="click"
data-type="flatdatetimepicker"
data-mode="popover"
data-showbuttons="left"
class="is-editable" >
<?php echo $data['Date']; ?>
</span>
</td>
</tr>
<tr class="td-Goal_1">
<th class="title"> Goal 1: </th>
<td class="value">
<span data-value="<?php echo $data['Goal_1']; ?>"
data-pk="<?php echo $data['id'] ?>"
data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>"
data-name="Goal_1"
data-title="Enter Goal 1"
data-placement="left"
data-toggle="click"
data-type="text"
data-mode="popover"
data-showbuttons="left"
class="is-editable" >
<?php echo $data['Goal_1']; ?>
</span>
</td>
</tr>
<tr class="td-Goal_1_p1">
<th class="title"> Goal 1 P1: </th>
<td class="value"><?php Html :: star_rating($data['Goal_1_p1'], "7") ?></td>
</tr>
<tr class="td-Goal_1_p2">
<th class="title"> Goal 1 P2: </th>
<td class="value"><?php Html :: star_rating($data['Goal_1_p2'], "7") ?></td>
</tr>
<tr class="td-Goal_1_p3">
<th class="title"> Goal 1 P3: </th>
<td class="value"><?php Html :: star_rating($data['Goal_1_p3'], "7") ?></td>
</tr>
<tr class="td-Goal_1_p4">
<th class="title"> Goal 1 P4: </th>
<td class="value"><?php Html :: star_rating($data['Goal_1_p4'], "7") ?></td>
</tr>
<tr class="td-Goal_1_p5">
<th class="title"> Goal 1 P5: </th>
<td class="value"><?php Html :: star_rating($data['Goal_1_p5'], "7") ?></td>
</tr>
<tr class="td-Goal_1_p6">
<th class="title"> Goal 1 P6: </th>
<td class="value"><?php Html :: star_rating($data['Goal_1_p6'], "7") ?></td>
</tr>
<tr class="td-Goal_1_p7">
<th class="title"> Goal 1 P7: </th>
<td class="value"><?php Html :: star_rating($data['Goal_1_p7'], "7") ?></td>
</tr>
<tr class="td-Goal_1_p8">
<th class="title"> Goal 1 P8: </th>
<td class="value"><?php Html :: star_rating($data['Goal_1_p8'], "7") ?></td>
</tr>
<tr class="td-Goal_2">
<th class="title"> Goal 2: </th>
<td class="value">
<span data-value="<?php echo $data['Goal_2']; ?>"
data-pk="<?php echo $data['id'] ?>"
data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>"
data-name="Goal_2"
data-title="Enter Goal 2"
data-placement="left"
data-toggle="click"
data-type="text"
data-mode="popover"
data-showbuttons="left"
class="is-editable" >
<?php echo $data['Goal_2']; ?>
</span>
</td>
</tr>
<tr class="td-Goal_2_p1">
<th class="title"> Goal 2 P1: </th>
<td class="value"><?php Html :: star_rating($data['Goal_2_p1'], "7") ?></td>
</tr>
<tr class="td-Goal_2_p2">
<th class="title"> Goal 2 P2: </th>
<td class="value"><?php Html :: star_rating($data['Goal_2_p2'], "7") ?></td>
</tr>
<tr class="td-Goal_2_p3">
<th class="title"> Goal 2 P3: </th>
<td class="value"><?php Html :: star_rating($data['Goal_2_p3'], "7") ?></td>
</tr>
<tr class="td-Goal_2_p4">
<th class="title"> Goal 2 P4: </th>
<td class="value"><?php Html :: star_rating($data['Goal_2_p4'], "7") ?></td>
</tr>
<tr class="td-Goal_2_p5">
<th class="title"> Goal 2 P5: </th>
<td class="value"><?php Html :: star_rating($data['Goal_2_p5'], "7") ?></td>
</tr>
<tr class="td-Goal_2_p6">
<th class="title"> Goal 2 P6: </th>
<td class="value"><?php Html :: star_rating($data['Goal_2_p6'], "7") ?></td>
</tr>
<tr class="td-Goal_2_p7">
<th class="title"> Goal 2 P7: </th>
<td class="value"><?php Html :: star_rating($data['Goal_2_p7'], "7") ?></td>
</tr>
<tr class="td-Goal_2_p8">
<th class="title"> Goal 2 P8: </th>
<td class="value"><?php Html :: star_rating($data['Goal_2_p8'], "7") ?></td>
</tr>
<tr class="td-Goal_3">
<th class="title"> Goal 3: </th>
<td class="value">
<span data-value="<?php echo $data['Goal_3']; ?>"
data-pk="<?php echo $data['id'] ?>"
data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>"
data-name="Goal_3"
data-title="Enter Goal 3"
data-placement="left"
data-toggle="click"
data-type="text"
data-mode="popover"
data-showbuttons="left"
class="is-editable" >
<?php echo $data['Goal_3']; ?>
</span>
</td>
</tr>
<tr class="td-Goal_3_p1">
<th class="title"> Goal 3 P1: </th>
<td class="value"><?php Html :: star_rating($data['Goal_3_p1'], "7") ?></td>
</tr>
<tr class="td-Goal_3_p2">
<th class="title"> Goal 3 P2: </th>
<td class="value"><?php Html :: star_rating($data['Goal_3_p2'], "7") ?></td>
</tr>
<tr class="td-Goal_3_p3">
<th class="title"> Goal 3 P3: </th>
<td class="value"><?php Html :: star_rating($data['Goal_3_p3'], "7") ?></td>
</tr>
<tr class="td-Goal_3_p4">
<th class="title"> Goal 3 P4: </th>
<td class="value"><?php Html :: star_rating($data['Goal_3_p4'], "7") ?></td>
</tr>
<tr class="td-Goal_3_p5">
<th class="title"> Goal 3 P5: </th>
<td class="value"><?php Html :: star_rating($data['Goal_3_p5'], "7") ?></td>
</tr>
<tr class="td-Goal_3_p6">
<th class="title"> Goal 3 P6: </th>
<td class="value"><?php Html :: star_rating($data['Goal_3_p6'], "7") ?></td>
</tr>
<tr class="td-Goal_3_p7">
<th class="title"> Goal 3 P7: </th>
<td class="value"><?php Html :: star_rating($data['Goal_3_p7'], "5") ?></td>
</tr>
<tr class="td-Goal_3_p8">
<th class="title"> Goal 3 P8: </th>
<td class="value"><?php Html :: star_rating($data['Goal_3_p8'], "7") ?></td>
</tr>
<tr class="td-Goal_4">
<th class="title"> Goal 4: </th>
<td class="value">
<span data-value="<?php echo $data['Goal_4']; ?>"
data-pk="<?php echo $data['id'] ?>"
data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>"
data-name="Goal_4"
data-title="Enter Goal 4"
data-placement="left"
data-toggle="click"
data-type="text"
data-mode="popover"
data-showbuttons="left"
class="is-editable" >
<?php echo $data['Goal_4']; ?>
</span>
</td>
</tr>
<tr class="td-Goal_4_p1">
<th class="title"> Goal 4 P1: </th>
<td class="value"><?php Html :: star_rating($data['Goal_4_p1'], "7") ?></td>
</tr>
<tr class="td-Goal_4_p2">
<th class="title"> Goal 4 P2: </th>
<td class="value"><?php Html :: star_rating($data['Goal_4_p2'], "7") ?></td>
</tr>
<tr class="td-Goal_4_p3">
<th class="title"> Goal 4 P3: </th>
<td class="value"><?php Html :: star_rating($data['Goal_4_p3'], "7") ?></td>
</tr>
<tr class="td-Goal_4_p4">
<th class="title"> Goal 4 P4: </th>
<td class="value"><?php Html :: star_rating($data['Goal_4_p4'], "7") ?></td>
</tr>
<tr class="td-Goal_4_p5">
<th class="title"> Goal 4 P5: </th>
<td class="value"><?php Html :: star_rating($data['Goal_4_p5'], "7") ?></td>
</tr>
<tr class="td-Goal_4_p6">
<th class="title"> Goal 4 P6: </th>
<td class="value"><?php Html :: star_rating($data['Goal_4_p6'], "7") ?></td>
</tr>
<tr class="td-Goal_4_p7">
<th class="title"> Goal 4 P7: </th>
<td class="value"><?php Html :: star_rating($data['Goal_4_p7'], "7") ?></td>
</tr>
<tr class="td-Goal_4_p8">
<th class="title"> Goal 4 P8: </th>
<td class="value"><?php Html :: star_rating($data['Goal_4_p8'], "7") ?></td>
</tr>
<tr class="td-Comments">
<th class="title"> Comments: </th>
<td class="value">
<span data-value="<?php echo $data['Comments']; ?>"
data-pk="<?php echo $data['id'] ?>"
data-url="<?php print_link("chart/editfield/" . urlencode($data['id'])); ?>"
data-name="Comments"
data-title="Notable Comments"
data-placement="left"
data-toggle="click"
data-type="text"
data-mode="popover"
data-showbuttons="left"
class="is-editable" >
<?php echo $data['Comments']; ?>
</span>
</td>
</tr>
</tbody>
<!-- Table Body End -->
</table>
</div>
<div class="p-3 d-flex">
<div class="dropup export-btn-holder mx-1">
<button class="btn btn-sm btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-save"></i> Export
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<?php $export_print_link = $this->set_current_page_link(array('format' => 'print')); ?>
<a class="dropdown-item export-link-btn" data-format="print" href="<?php print_link($export_print_link); ?>" target="_blank">
<img src="<?php print_link('assets/images/print.png') ?>" class="mr-2" /> PRINT
</a>
<?php $export_pdf_link = $this->set_current_page_link(array('format' => 'pdf')); ?>
<a class="dropdown-item export-link-btn" data-format="pdf" href="<?php print_link($export_pdf_link); ?>" target="_blank">
<img src="<?php print_link('assets/images/pdf.png') ?>" class="mr-2" /> PDF
</a>
<?php $export_word_link = $this->set_current_page_link(array('format' => 'word')); ?>
<a class="dropdown-item export-link-btn" data-format="word" href="<?php print_link($export_word_link); ?>" target="_blank">
<img src="<?php print_link('assets/images/doc.png') ?>" class="mr-2" /> WORD
</a>
<?php $export_csv_link = $this->set_current_page_link(array('format' => 'csv')); ?>
<a class="dropdown-item export-link-btn" data-format="csv" href="<?php print_link($export_csv_link); ?>" target="_blank">
<img src="<?php print_link('assets/images/csv.png') ?>" class="mr-2" /> CSV
</a>
<?php $export_excel_link = $this->set_current_page_link(array('format' => 'excel')); ?>
<a class="dropdown-item export-link-btn" data-format="excel" href="<?php print_link($export_excel_link); ?>" target="_blank">
<img src="<?php print_link('assets/images/xsl.png') ?>" class="mr-2" /> EXCEL
</a>
</div>
</div>
<a class="btn btn-sm btn-info" href="<?php print_link("chart/edit/$rec_id"); ?>">
<i class="fa fa-edit"></i> Edit
</a>
</div>
<?php
}
else{
?>
<!-- Empty Record Message -->
<div class="text-muted p-3">
<i class="fa fa-ban"></i> [html-lang-0009]
</div>
<?php
}
?>