sDOM for Header and Footer

hemant_joshi

I have SDom and Toolbar, but it does not appear on the footer also buttons are also not aligned. I want buttons to appear in both Header and Footer.

Any help would be welcome.

"sDom": '<"ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix"<"toolbar">lfr>t<"ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"ip>',

$("div.toolbar").html('<input type="button" class="btn btn-small btn-info" value="Send Selected Email" onClick="return sendSelectedEmail();" style="margin-right: 5px;float:left;" /><input type="button" class="btn btn-small btn-info" value="Remove Selected From Department" onClick="return removeSelectedFromDepartment();" style="margin-right: 5px;float:left;" /><input type="button" class="btn btn-small btn-info" value="Change SelectedTo New Department" onClick="return changeSelectedDepartment();" style="float:left;" /><input type="button" class="btn btn-small btn-info" value="Send All Email" onClick="return emailWholeDepartment();" style="margin-right: 5px;float:left;" /><input type="button" class="btn btn-small btn-info" value="Remove All From Department" onClick="return removeFromWholeDepartment();" style="margin-right: 5px;float:left;" /><input type="button" class="btn btn-small btn-info" value="Change To New Department All " onClick="return changeWholeDepartment();" style="float:left;" />');