<?xml version="1.0" encoding="us-ascii"?><InstanceReport xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><Version>2.4.0.8</Version><ReportLongName>0034 - Disclosure - 17. COMMITMENTS, CONTINGENCIES AND LEGAL PROCEEDINGS (Tables)</ReportLongName><DisplayLabelColumn>true</DisplayLabelColumn><ShowElementNames>false</ShowElementNames><RoundingOption /><HasEmbeddedReports>false</HasEmbeddedReports><Columns><Column FlagID="0"><Id>1</Id><IsAbstractGroupTitle>false</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><CurrencyCode /><FootnoteIndexer /><hasSegments>false</hasSegments><hasScenarios>false</hasScenarios><MCU><KeyName /><CurrencySymbol /><contextRef><ContextID>From2012-10-01to2013-03-31</ContextID><EntitySchema>http://www.sec.gov/CIK</EntitySchema><EntityValue>0001074828</EntityValue><PeriodDisplayName /><PeriodType>duration</PeriodType><PeriodStartDate>2012-10-01T00:00:00</PeriodStartDate><PeriodEndDate>2013-03-31T00:00:00</PeriodEndDate><Segments /><Scenarios /></contextRef><UPS /><CurrencyCode /><OriginalCurrencyCode /></MCU><CurrencySymbol /><Labels><Label Key="CalendarSupplement" Id="0" Label="6 Months Ended" /><Label Key="Calendar" Id="1" Label="Mar. 31, 2013" /></Labels></Column><Column FlagID="0"><Id>2</Id><IsAbstractGroupTitle>false</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><CurrencyCode /><FootnoteIndexer /><hasSegments>false</hasSegments><hasScenarios>false</hasScenarios><MCU><KeyName /><CurrencySymbol /><contextRef><ContextID>From2011-10-01to2012-09-30</ContextID><EntitySchema>http://www.sec.gov/CIK</EntitySchema><EntityValue>0001074828</EntityValue><PeriodDisplayName /><PeriodType>duration</PeriodType><PeriodStartDate>2011-10-01T00:00:00</PeriodStartDate><PeriodEndDate>2012-09-30T00:00:00</PeriodEndDate><Segments /><Scenarios /></contextRef><UPS /><CurrencyCode /><OriginalCurrencyCode /></MCU><CurrencySymbol /><Labels><Label Key="CalendarSupplement" Id="0" Label="12 Months Ended" /><Label Key="Calendar" Id="1" Label="Sep. 30, 2012" /></Labels></Column></Columns><Rows><Row FlagID="0"><Id>1</Id><IsAbstractGroupTitle>true</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><Level>1</Level><ElementName>VSUL_NotesToFinancialStatementsAbstract</ElementName><ElementPrefix>VSUL_</ElementPrefix><IsBaseElement>false</IsBaseElement><BalanceType>na</BalanceType><PeriodType>duration</PeriodType><IsReportTitle>false</IsReportTitle><IsSegmentTitle>false</IsSegmentTitle><IsCalendarTitle>false</IsCalendarTitle><IsEquityPrevioslyReportedAsRow>false</IsEquityPrevioslyReportedAsRow><IsEquityAdjustmentRow>false</IsEquityAdjustmentRow><IsBeginningBalance>false</IsBeginningBalance><IsEndingBalance>false</IsEndingBalance><IsReverseSign>false</IsReverseSign><FootnoteIndexer /><Cells><Cell FlagID="0" ContextID="" UnitID=""><Id>1</Id><IsNumeric>false</IsNumeric><IsRatio>false</IsRatio><DisplayZeroAsNone>false</DisplayZeroAsNone><NumericAmount>0</NumericAmount><RoundedNumericAmount>0</RoundedNumericAmount><NonNumbericText /><FootnoteIndexer /><CurrencyCode /><CurrencySymbol /><IsIndependantCurrency>false</IsIndependantCurrency><ShowCurrencySymbol>false</ShowCurrencySymbol><DisplayDateInUSFormat>false</DisplayDateInUSFormat></Cell><Cell FlagID="0" ContextID="" UnitID=""><Id>2</Id><IsNumeric>false</IsNumeric><IsRatio>false</IsRatio><DisplayZeroAsNone>false</DisplayZeroAsNone><NumericAmount>0</NumericAmount><RoundedNumericAmount>0</RoundedNumericAmount><NonNumbericText /><FootnoteIndexer /><CurrencyCode /><CurrencySymbol /><IsIndependantCurrency>false</IsIndependantCurrency><ShowCurrencySymbol>false</ShowCurrencySymbol><DisplayDateInUSFormat>false</DisplayDateInUSFormat></Cell></Cells><ElementDataType>xbrli:stringItemType</ElementDataType><SimpleDataType>string</SimpleDataType><IsTotalLabel>false</IsTotalLabel><UnitID>0</UnitID><Label>Notes to Financial Statements</Label></Row><Row FlagID="0"><Id>2</Id><IsAbstractGroupTitle>false</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><Level>2</Level><ElementName>us-gaap_ScheduleOfFutureMinimumRentalPaymentsForOperatingLeasesTableTextBlock</ElementName><ElementPrefix>us-gaap_</ElementPrefix><IsBaseElement>true</IsBaseElement><BalanceType>na</BalanceType><PeriodType>duration</PeriodType><IsReportTitle>false</IsReportTitle><IsSegmentTitle>false</IsSegmentTitle><IsCalendarTitle>false</IsCalendarTitle><IsEquityPrevioslyReportedAsRow>false</IsEquityPrevioslyReportedAsRow><IsEquityAdjustmentRow>false</IsEquityAdjustmentRow><IsBeginningBalance>false</IsBeginningBalance><IsEndingBalance>false</IsEndingBalance><IsReverseSign>false</IsReverseSign><FootnoteIndexer /><Cells><Cell FlagID="0" ContextID="From2012-10-01to2013-03-31" UnitID=""><Id>1</Id><IsNumeric>false</IsNumeric><IsRatio>false</IsRatio><DisplayZeroAsNone>false</DisplayZeroAsNone><NumericAmount>0</NumericAmount><RoundedNumericAmount>0</RoundedNumericAmount><NonNumbericText>&lt;table cellspacing="0" cellpadding="0" style="font: 10pt Calibri, Helvetica, Sans-Serif; width: 100%"&gt;
&lt;tr style="vertical-align: bottom"&gt;
    &lt;td style="text-align: center; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;Years Ended March 31,&lt;/font&gt;&lt;/td&gt;
    &lt;td style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td colspan="2" style="border-bottom: black 1.5pt solid; text-align: center; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;Total&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="width: 76%; text-align: center; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;2013&lt;/font&gt;&lt;/td&gt;
    &lt;td style="width: 1%; line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="width: 1%; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;$&lt;/font&gt;&lt;/td&gt;
    &lt;td style="width: 21%; text-align: right; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;80,928&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="width: 1%; line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: white"&gt;
    &lt;td style="text-align: center; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;2014&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: right; line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="text-align: right; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;67,152&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="text-align: center; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;2015&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: right; line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="text-align: right; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;52,261&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: white"&gt;
    &lt;td style="text-align: center; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;2016&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: right; line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="text-align: right; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;0&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="text-align: center; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;2017&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: right; line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="text-align: right; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;-&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: white"&gt;
    &lt;td style="text-align: center; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;Beyond&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: right; line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="border-bottom: black 1.5pt solid; line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="border-bottom: black 1.5pt solid; text-align: right; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;-&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="text-align: center; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;Total&lt;/font&gt;&lt;/td&gt;
    &lt;td style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="border-bottom: black 2.25pt double; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;$&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 2.25pt double; text-align: right; line-height: 115%"&gt;&lt;font style="font: 10pt Times New Roman, Times, Serif"&gt;200,341&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</NonNumbericText><FootnoteIndexer /><CurrencyCode /><CurrencySymbol /><IsIndependantCurrency>false</IsIndependantCurrency><ShowCurrencySymbol>false</ShowCurrencySymbol><DisplayDateInUSFormat>false</DisplayDateInUSFormat></Cell><Cell FlagID="0" ContextID="From2011-10-01to2012-09-30" UnitID=""><Id>2</Id><IsNumeric>false</IsNumeric><IsRatio>false</IsRatio><DisplayZeroAsNone>false</DisplayZeroAsNone><NumericAmount>0</NumericAmount><RoundedNumericAmount>0</RoundedNumericAmount><NonNumbericText>&lt;p style="font: 8pt/normal Times New Roman, Times, Serif; margin: 0"&gt;The aggregate future minimum lease payments under operating
leases, to the extent the leases have early cancellation options and excluding escalation charges, are as follows:&lt;/p&gt;

&lt;p style="font: 10pt/normal Times New Roman, Times, Serif; margin: 0"&gt;&amp;#160;&lt;/p&gt;

&lt;table align="center" cellspacing="0" cellpadding="0" style="font: 8pt Times New Roman, Times, Serif; width: 100%"&gt;
&lt;tr style="vertical-align: bottom"&gt;
    &lt;td style="line-height: 115%; text-align: center"&gt;Years Ended September 30,&lt;/td&gt;
    &lt;td style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td colspan="2" style="border-bottom: black 1.5pt solid; line-height: 115%; text-align: center"&gt;Total&lt;/td&gt;
    &lt;td nowrap="nowrap" style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="width: 70%; line-height: 115%; text-align: center"&gt;2013&lt;/td&gt;
    &lt;td style="width: 1%; line-height: 115%; text-align: right"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="width: 1%; line-height: 115%"&gt;$&lt;/td&gt;
    &lt;td style="width: 27%; line-height: 115%; text-align: right"&gt;78,396&lt;/td&gt;
    &lt;td nowrap="nowrap" style="width: 1%; line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: white"&gt;
    &lt;td style="line-height: 115%; text-align: center"&gt;2014&lt;/td&gt;
    &lt;td style="line-height: 115%; text-align: right"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="line-height: 115%; text-align: right"&gt;81,348&lt;/td&gt;
    &lt;td nowrap="nowrap" style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="line-height: 115%; text-align: center"&gt;2015&lt;/td&gt;
    &lt;td style="line-height: 115%; text-align: right"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="line-height: 115%; text-align: right"&gt;57,012&lt;/td&gt;
    &lt;td nowrap="nowrap" style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: white"&gt;
    &lt;td style="line-height: 115%; text-align: center"&gt;2016&lt;/td&gt;
    &lt;td style="line-height: 115%; text-align: right"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="line-height: 115%; text-align: right"&gt;23,755&lt;/td&gt;
    &lt;td nowrap="nowrap" style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="line-height: 115%; text-align: center"&gt;2017&lt;/td&gt;
    &lt;td style="line-height: 115%; text-align: right"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="line-height: 115%; text-align: right"&gt;-&lt;/td&gt;
    &lt;td nowrap="nowrap" style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: white"&gt;
    &lt;td style="line-height: 115%; text-align: center"&gt;Beyond&lt;/td&gt;
    &lt;td style="line-height: 115%; text-align: right"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="border-bottom: black 1.5pt solid; line-height: 115%"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="border-bottom: black 1.5pt solid; line-height: 115%; text-align: right"&gt;-&lt;/td&gt;
    &lt;td nowrap="nowrap" style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="line-height: 115%; text-align: center"&gt;Total&lt;/td&gt;
    &lt;td style="line-height: 115%; text-align: right"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="border-bottom: black 2.25pt double; line-height: 115%"&gt;$&lt;/td&gt;
    &lt;td style="border-bottom: black 2.25pt double; line-height: 115%; text-align: right"&gt;240,511&lt;/td&gt;
    &lt;td nowrap="nowrap" style="line-height: 115%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
&lt;p style="font: 11pt/115% Calibri, Helvetica, Sans-Serif; margin: 0 0 10pt"&gt;&amp;#160;&lt;/p&gt;</NonNumbericText><FootnoteIndexer /><CurrencyCode /><CurrencySymbol /><IsIndependantCurrency>false</IsIndependantCurrency><ShowCurrencySymbol>false</ShowCurrencySymbol><DisplayDateInUSFormat>false</DisplayDateInUSFormat></Cell></Cells><ElementDataType>nonnum:textBlockItemType</ElementDataType><SimpleDataType>na</SimpleDataType><ElementDefenition>Tabular disclosure of future minimum payments required in the aggregate and for each of the five succeeding fiscal years for operating leases having initial or remaining noncancelable lease terms in excess of one year and the total minimum rentals to be received in the future under noncancelable subleases as of the balance sheet date.</ElementDefenition><ElementReferences>Reference 1: http://www.xbrl.org/2003/role/presentationRef

 -Publisher FASB

 -Name Accounting Standards Codification

 -Topic 840

 -SubTopic 20

 -Section 50

 -Paragraph 2

 -URI http://asc.fasb.org/extlink&amp;oid=6453985&amp;loc=d3e41502-112717



</ElementReferences><IsTotalLabel>false</IsTotalLabel><UnitID>0</UnitID><Label>Schedule Of Future Minimum Lease Payments For Operating Leases</Label></Row></Rows><Footnotes /><IsEquityReport>false</IsEquityReport><ReportName>17. COMMITMENTS, CONTINGENCIES AND LEGAL PROCEEDINGS (Tables)</ReportName><MonetaryRoundingLevel>UnKnown</MonetaryRoundingLevel><SharesRoundingLevel>UnKnown</SharesRoundingLevel><PerShareRoundingLevel>UnKnown</PerShareRoundingLevel><ExchangeRateRoundingLevel>UnKnown</ExchangeRateRoundingLevel><HasCustomUnits>true</HasCustomUnits><IsEmbedReport>false</IsEmbedReport><IsMultiCurrency>false</IsMultiCurrency><ReportType>Sheet</ReportType><RoleURI>http://visualant.net/role/CommitmentsContingenciesAndLegalProceedingsTables</RoleURI><NumberOfCols>2</NumberOfCols><NumberOfRows>2</NumberOfRows></InstanceReport>
